.github-button { height:26px; } .github-button SPAN { height : 17px; padding : 4px 0 0 0; } ]]>

DIV > .c9-menu-btn { height : 24px; } ]]> .c9-toolbarbutton { height : 23px; } .c9-toolbarbutton .c9-icon { display: none; width:23px; height:19px; position:absolute; top:1px; left:2px; background-position : 0 0; background-repeat : no-repeat; } .c9-toolbarbuttonIcon .c9-icon{ display : block; } .c9-toolbarbuttonOver { -moz-border-radius : 5px; -webkit-border-radius : 5px; border-radius : 5px; border:1px solid #1c1c1c; -moz-box-shadow : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1); -webkit-box-shadow : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1); box-shadow : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1); background : #343434; filter : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3a3a3a', endColorstr='#333333'); -ms-filter : "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3a3a3a', endColorstr='#333333')"; background : -webkit-gradient(linear, left top, left bottom, from(#3a3a3a), color-stop(1, #333333)); background :-moz-linear-gradient(center bottom, #333333 0%, #3a3a3a 100%) repeat scroll 0 0 transparent; } .c9-toolbarbutton .c9-label { position:relative; overflow:hidden; font-family:Arial; font-size:12px; color:#d6d6d6; line-height:14px; height:15px; padding:3px 6px 0 6px; } .c9-toolbarbuttonEmpty .c9-icon { position:relative; } .c9-toolbarbuttonEmpty .c9-label { display:none; } .c9-toolbarbuttonIcon .c9-label{ padding:3px 6px 0 22px; } .c9-toolbarbuttonIcon.preview .c9-label { padding-left : 25px; } .c9-toolbarbuttonDown { -moz-border-radius : 5px; -webkit-border-radius : 5px; border-radius : 5px; border:1px solid #1c1c1c; -moz-box-shadow : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1); -webkit-box-shadow : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1); box-shadow : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1); background : #343434; filter : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#282828', endColorstr='#2e2e2e'); -ms-filter : "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#282828', endColorstr='#2e2e2e')"; background : -webkit-gradient(linear, left top, left bottom, from(#282828), color-stop(1, #2e2e2e)); background :-moz-linear-gradient(center bottom, #2e2e2e 0%, #282828 100%) repeat scroll 0 0 transparent; } .c9-toolbarbuttonDown .c9-icon { background-position: 0-19px; } .c9-toolbarbuttonDisabled .c9-icon { background-position : 0 -38px; } .c9-toolbarbuttonDisabled .c9-label { color : #606060; text-shadow : rgba(0, 0, 0, 1) 0px 1px 0px; } ]]>

DIV > .db-checkbox { height : 14px; overflow: visible; } .db-checkboxDisabled { color: #ababab; } ]]> .db-checkbox { height : 16px; overflow: visible; } ]]>

.treecell strong, .datagrid .pluslast>.treecell strong{ background-image:url(images/plus.png); } .datagrid .min>.treecell strong, .datagrid .minlast>.treecell strong{ background-image:url(images/min.png); } .datagrid .slider{ margin : 5px 5px 0 3px; } .datagrid .tb{ border : 0; padding : 2px 0 4px 4px; background : white; border-left : 1px solid #eee; border-bottom : 1px solid #eee; height : 13px; position : relative; top : -6px; } .datagrid .treecell .tb{ padding : 1px 0 0 0; top : 0; border : 0; border-bottom : 1px solid #eee; } ]]> .datagrid .headings{ margin : -20px 17px 0 0; }

- -

Calculating...

.treecell strong, .dgcheck .pluslast>.treecell strong{ background-image:url(images/plus.png); } .dgcheck .min>.treecell strong, .dgcheck .minlast>.treecell strong{ background-image:url(images/min.png); } .dgcheck .slider{ margin : 5px 5px 0 3px; } .dgcheck .tb{ border : 0; padding : 2px 0 4px 4px; background : white; border-left : 1px solid #eee; border-bottom : 1px solid #eee; height : 13px; position : relative; top : -6px; } .dgcheck .treecell .tb{ padding : 1px 0 0 0; top : 0; border : 0; border-bottom : 1px solid #eee; } .dgcheck b { overflow : hidden; margin : 2px; width : 12px; height : 12px; background : url("images/tree_checkbox.png") no-repeat 0 -12px; float : left; } .dgcheck .treecell b { margin-left : -31px; } .dgcheck .checkcell { position : relative; } .dgcheck .checkcell B { float:none; margin: 0; position:absolute; top:3px; left:50%; margin-left:-6px; } .dgcheck .records .row .checkcell U { border-left:1px solid #f4f4f4; width:0; padding:2px 0; } .dgcheck .checked b { background-position : 0 -24px; } .dgcheck .partial b { background-position : 0 -48px; } .dgcheckDisabled .checked b { background-position : 0 -0px; } ]]>

- - -

Calculating...

.divider_console { height:23px; } ]]>

.divider-debugpanel DIV { position : relative; left : -1px; }

fieldset .frame { height: 1%; } .frame .legend{ margin : 5px 0 7px -3px; } .frame .legend{ height:20px } .frame { padding-top : 10px; } .frame .legend{ margin : -15px 0 7px -3px; }

.selected{ background-color: rgb(203, 205, 208); color: black; } .lineselectFocus>.selected{ background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(51,124,188)),color-stop(1, rgb(64,145,216))); background: -moz-linear-gradient(center bottom,rgb(51,124,188) 0%,rgb(64,145,216) 100%); color : white; } .lineselect .empty, .lineselect .offline, .lineselect .loading{ text-align: center; padding: 8px 0 0 5px; color: #AAA; font-weight : normal; } .lineselect>DIV{ padding: 2px 6px; } ]]>

DIV, .draglist{ padding: 0; height: 18px; } .list>DIV>SPAN, .draglist SPAN{ padding: 0 0 0 20px; background: no-repeat 1px center; height: 16px; float: left; } .list>DIV>SPAN>U, .draglist U{ text-decoration: none; color: black; cursor: default; display: block; padding: 2px 4px 2px 2px; text-decoration: none; white-space: nowrap; } .listFocus>.indicate>SPAN>U{ border: 1px dotted #BBB;/*#25a8e7;*/ color : black; /*background-color : #e4f4fc;*/ padding: 1px 3px 1px 1px; } .list>.selected>SPAN>U{ background-color: #f0f0f0; color: black; } .listFocus>.selected>SPAN>U, .draglist U{ color: white; background-color: #25a8e7; } .list #txt_rename{ border: 1px solid #bbb; padding: 1px 15px 1px 1px; font-family: Tahoma, Arial; font-size: 8pt; color: black; word-break: keep-all; overflow: visible; margin-top : 0px; cursor: text; height: 13px; display: block; outline : none; } .list .empty, .list .offline, .list .loading{ text-align: center; padding: 8px 0 0 5px; color: #AAA; font-weight : normal; } .shortlist{ border : 0; overflow-y : auto; overflow-x : hidden; max-height : 90px; width : auto; } ]]>

div{ height: 13px; } .menu div.hover { background-color : #393939; } .menu div.menu_divider{ overflow: visible; padding: 0; font-size: 1px; margin:0 3px; border-top:1px solid #000000; border-bottom:1px solid #313131; } .menu>div.menu_divider{ height: 0; } .menu div span{ right: 15px; margin-top: 0px; z-index: 10; text-align: right; padding-left: 15px; /*margin-right: -15px; position : absolute;*/ float : right; } .menu div.submenu span{ background: url(images/submenu_arrow.gif) no-repeat right -15px; width: 4px; height: 7px; display: block; position: absolute; right: 8px; margin: 4px 0 0 0; z-index: 10; } .menu div.hover span{ background-position : right -15px; } .menu div.disabled{ color: gray; /*text-shadow : rgba(255, 255, 255, .71) 1px 1px 1px;*/ } .menu div.disabled span{ display : none; } .menu u{ width: 16px; height: 16px; position: absolute; left: 3px; margin-top : -1px; } .menu div.selected u{ background-image: url(images/radio.gif); background-repeat: no-repeat; background-position: 0 -16px; } .menu div.checked u{ background-image: url(images/check.gif); background-repeat: no-repeat; background-position: 0 -16px; } ]]>

.sbios{ display : -webkit-box; } .sbios span{ left : 0; } .sbios .mainrail { height : auto; } .sbios .filler{ left : 0; height : auto; top : 0; bottom : 0; }

panel

window H3 { font-size : 18px; color : #333333; font-family : Arial; font-weight : bold; margin : 0; display:block; position:relative; overflow:hidden; } .winadv .wn_cp_content H3.wheader { font-size : 18px; color : #333333; font-family : Arial; font-weight : bold; margin : 0; display:block; position:relative; overflow:hidden; } .winadv .wn_cp_content > H4 { font-size : 13px; color : #222222; font-family : Arial; font-weight : bold; margin : 0; } ]]>

.console_scrollbar{ display : -webkit-box; } .console_scrollbar span{ left : 0; } .console_scrollbar .mainrail { height : auto; } .console_scrollbar .filler{ left : 0; height : auto; top : 0; bottom : 0; }

range horizontal

div { display: block; display : inline-block; margin: 0 0 0 0; padding: 0; position : relative; vertical-align : bottom; height : 19px; } .tab_console .btncontainer .btntab { padding : 4px 27px 2px 27px; position : relative; margin-top:-1px; text-align: center; } .tab_console .btncontainer .btntab .tab_console_icon { height:16px; left:1px; position:absolute; top:1px; width:16px; } .tab_console .btncontainer .btntab .tab_console_title { overflow : hidden; padding : 0 0 0 0; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .tab_console .btncontainer .btntab.btnclose .tab_console_title { margin-right : 15px; } .tab_console .scale .btntab .tab_console_title{ display : block; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; } .tab_console .btncontainer div.over { color: #ffffff; cursor: default; } .tab_console .btncontainer div.curbtn { color : #cbfaa9; cursor : default; z-index : 1; background : #1d1d1d url(images/console-tab-btn-curr.png) repeat-x 0 0; border-top : 1px solid #4f4f4f; z-index : 101; padding : 2px 27px 2px 27px; text-shadow : rgba(0, 0, 0, 1) 0px 1px 0px; } .tab_console .scale .btntab .tab_console_middle { display : block; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; } .tab_consoleFocus .curbtn{ } .tab_console .btncontainer .btnclose strong { width : 14px; height : 14px; display : block; position : absolute; right : 0; top : 7px; /*cursor : default;*/ background-image : url(images/close_tab_btn.png); background-repeat : no-repeat; background-position : 0 -14px; } .tab_console .btncontainer .btnclose strong:hover { background-position : -14px -14px; } .tab_console .btncontainer .btnclose strong:active { background-position : -28px -14px; } .tab_console .btncontainer .curbtn.btnclose strong { background-position : 0 0; top: 7px; } .tab_console .btncontainer .curbtn.btnclose strong:hover { background-position : -14px 0; } .tab_console .btncontainer .curbtn.btnclose strong:active { background-position : -28px 0; } .tab_console .page { display : none; position : absolute; top : 28px; bottom : 0; left : 0; right : 0; z-index : 10; margin: 0 auto; overflow: hidden; clear: both; font-family : Arial; font-family: 12px; color: #eeeeee; border-top: 1px solid #333333; background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #2a2a2a),color-stop(1, #1d1d1d)); background: -moz-linear-gradient(center bottom,#2a2a2a 0%,#1d1d1d 100%); } .tab_console .page.curpage{ display : block; } ]]>

div { cursor: default; display: block; display : inline-block; margin: 0 0 0 0; padding: 0; position : relative; vertical-align : bottom; } .editor_tab .btnsesssioncontainer .session_btn { padding : 0 20px; position : relative; margin-right : -20px; margin-top : 0; height:25px; border-bottom:1px solid white; } .editor_tab .btnsesssioncontainer .session_btn .tab_middle { background-image : url(images/editor_tab.png); background-position : 0 -104px; height : 20px; position : relative; overflow : hidden; padding : 5px 0 0 0; } .editor_tab .btnsesssioncontainer .session_btn .tab_middle .sessiontab_icon { height:8px; left:0; position:absolute; top:10px; width:5px; } .editor_tab .btnsesssioncontainer .session_btn .sessiontab_icon { background-repeat: no-repeat; background-position: 0 0; } .editor_tab .btnsesssioncontainer .saving_active .sessiontab_icon { background-image: url(images/save-indicator-active-tab.gif); } .editor_tab .btnsesssioncontainer .saving .sessiontab_icon { background-image: url(images/save-indicator-inactive-tab.gif); } .editor_tab .btnsesssioncontainer .loading_active .sessiontab_icon { background-image: url(images/load-indicator-active-tab.gif); } .editor_tab .btnsesssioncontainer .loading .sessiontab_icon { background-image: url(images/load-indicator-inactive-tab.gif); } .editor_tab .btnsesssioncontainer .session_btn .tab_middle .sessiontab_title { overflow : hidden; padding : 0 0 0 0; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .editor_tab .btnsesssioncontainer .session_btn.btnclose .tab_middle .sessiontab_title { margin-right : 15px; margin-left : 8px; } .editor_tab .scale .session_btn .sessiontab_title{ display : block; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; } .editor_tab .btnsesssioncontainer .tab_left, .editor_tab .btnsesssioncontainer .tab_right { position : absolute; height : 25px; width : 20px; background-image : url(images/editor_tab.png); background-repeat : no-repeat; top : 0; } .editor_tab .btnsesssioncontainer .tab_left { background-position : 0 -78px; left : 0; } .editor_tab .btnsesssioncontainer .tab_right { background-position : 0 -130px; right : 0; } .editor_tab .btnsesssioncontainer div.down { text-shadow: none; color: #d9d9d9; } .editor_tab .btnsesssioncontainer div.over .tab_middle { background-position : 0 -182px; } .editor_tab .btnsesssioncontainer div.over .tab_left { background-position : 0 -156px; } .editor_tab .btnsesssioncontainer div.over .tab_right { background-position : 0 -208px; } .editor_tab .btnsesssioncontainer div.curbtn { color : #333333; cursor : default; text-shadow : rgba(255, 255, 255, 1) 0px 1px 0px; z-index : 1; height:25px; border-bottom:1px solid #e8e8e8; } .editor_tab .btnsesssioncontainer div.curbtn .tab_middle { background-position : 0 -26px; padding : 6px 0 0 0; height:19px; color:#000000; } .editor_tab .btnsesssioncontainer div.curbtn .tab_left { background-position : 0 0; } .editor_tab .btnsesssioncontainer div.curbtn .tab_right { background-position : 0 -52px; } .editor_tab .scale .btn .tab_middle { display : block; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; } .editor_tabFocus .curbtn{ } .editor_tab .btnsesssioncontainer .btnclose strong { width : 14px; height : 14px; display : block; position : absolute; right : 0; top : 7px; background-image : url(images/close_tab_btn.png); background-repeat : no-repeat; background-position : 0 -14px; } .editor_tab .btnsesssioncontainer .btnclose strong:hover { background-position : -14px -14px; } .editor_tab .btnsesssioncontainer .btnclose strong:active { background-position : -28px -14px; } .editor_tab .btnsesssioncontainer .curbtn.btnclose strong { background-position : 0 0; top: 7px; } .editor_tab .btnsesssioncontainer .curbtn.btnclose strong:hover { background-position : -14px 0; } .editor_tab .btnsesssioncontainer .curbtn.btnclose strong:active { background-position : -28px 0; } .editor_tab .editor_bg { top : 32px; bottom : 0px; height : auto; position : absolute; margin: 0 auto; background: #e8e8e8 url(images/editor_tab_bg.png) repeat 0 0; /*border-bottom: 1px solid #8c8c8c; border-left: 1px solid #8c8c8c; border-right: 1px solid #8c8c8c;*/ overflow: hidden; clear: both; left: 0; right: 0; } .editor_tab .editor_bg .editor_bg_content { width: 430px; margin: 100px auto 0; background: url(images/empty_editor_icon.png) no-repeat center 0; padding-top: 170px; text-align: center; color: #333333; text-shadow : rgba(255, 255, 255, .71) 1px 1px 1px; font-size: 18px; } .infraeditor.editor_tab .editor_bg .editor_bg_content { margin-top: 0; } .editor_tab .editor_bg .editor_bg_content .editor_bg_message2 { background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(237,237,237)),color-stop(1, rgb(255,255,255))); background: -moz-linear-gradient(center bottom,rgb(237,237,237) 0%,rgb(255,255,255) 100%); -webkit-box-shadow: 1px 1px 3px #aaaaaa; -moz-box-shadow: 1px 1px 3px #aaaaaa; box-shadow: 1px 1px 1px #aaaaaa; padding: 15px 20px; margin-top: 21px; color: #2270b2; font-size: 11px; text-transform:uppercase; border-radius : 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-border-radius: 4px; } .editor_tab .editor_bg .editor_bg_content .editor_bg_message { color: #489829; font-family: georgia; padding-top: 4px; background: url(images/green-arrow-left.png) no-repeat 0 0; text-shadow : rgba(240, 240, 240, .71) 1px 1px 1px; } .editor_tab .editor_bg .editor_bg_message-top { color: #489829; font-family: georgia; padding-top: 4px; text-shadow : rgba(240, 240, 240, .71) 0px 1px 1px; font-size: 16px; margin: 35px auto 0; width: 430px; text-align: center; display: none; } .infraeditor.editor_tab .editor_bg .editor_bg_message-top { display: block; } .editor_tab .editor_bg .editor_bg_message-top span { color: #a1a1a1; font-size: 12px; } .editor_tab .editor_bg .editor_divider { background: url(images/empty_editor_divider.png) no-repeat center center; height: 14px; width: 430px; margin-top: 20px; } .editor_tab .session_page { display : none; position : absolute; top : 32px; bottom : 0; left : 0; right : 0; z-index : 10; margin: 0 auto; background-color: #e8e8e8; /*border-bottom: 1px solid #8C8C8C;*/ border-top:3px solid #e8e8e8; overflow: hidden; clear: both; } .editor_tab .session_page.curpage{ display : block; } ]]>

Invite people to this project by sharing the URL with them. To access private projects both parties must have a Premium Account.

Open a file or create a new one to get started

div { display: block; /*float: left;*/ display : inline-block; margin: 0 0 0 0; padding: 0; position : relative; vertical-align : bottom; cursor : default; } .tab .btncontainer .btntab { padding : 1px 10px 2px 10px; position : relative; margin-top:-1px; text-align: center; border-top : 1px solid #ffffff; border-right : 1px solid #8c8c8c; border-bottom : 1px solid #8c8c8c; background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, rgb(199,199,199)),color-stop(1, rgb(214,214,214))); background: -moz-linear-gradient(center bottom,rgb(199,199,199) 50%,rgb(214,214,214) 100%); } /*.tab .btncontainer div.firstbtn { margin-left: 0; }*/ .tab .btncontainer .btntab .tab_icon { height:16px; left:1px; position:absolute; top:1px; width:16px; } .tab .btncontainer .btntab .tab_title { overflow : hidden; padding : 0 0 0 0; } .tab .btncontainer .btntab.btnclose .tab_title { margin-right : 15px; } .tab .scale .btntab .tab_title{ display : block; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; } .tab .btncontainer div.over { background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(209,209,209)),color-stop(1, rgb(227,227,227))); background: -moz-linear-gradient(center bottom,rgb(209,209,209) 0%,rgb(227,227,227) 100%); cursor: default; } .tab .btncontainer div.curbtn { color : #202020; cursor : default; z-index : 1; background: -webkit-gradient(linear,left bottom,left top,color-stop(0.6 rgb(246,246,246)),color-stop(1, rgb(237,237,237))); background: -moz-linear-gradient(center bottom,rgb(246,246,246) 60%,rgb(237,237,237) 100%); border-right : 1px solid #8c8c8c; border-top: 1px solid #f9f9f9; border-bottom: 1px solid #F6F6F6; } .tab .scale .btntab .tab_middle { display : block; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; } .tabFocus .curbtn{ } .tab .btncontainer .btnclose strong { width : 14px; height : 14px; display : block; position : absolute; right : 0; top : 7px; /*cursor : pointer;*/ background-image : url(images/close_tab_btn.png); background-repeat : no-repeat; background-position : 0 -14px; } .tab .btncontainer .btnclose strong:hover { background-position : -14px -14px; } .tab .btncontainer .btnclose strong:active { background-position : -28px -14px; } .tab .btncontainer .curbtn.btnclose strong { background-position : 0 0; top: 7px; } .tab .btncontainer .curbtn.btnclose strong:hover { background-position : -14px 0; } .tab .btncontainer .curbtn.btnclose strong:active { background-position : -28px 0; } .tab .page { display : none; position : absolute; top : 18px; bottom : 0; left : 0; right : 0; z-index : 10; margin: 0 auto; background-color: #f6f6f6; /*border-left: 1px solid #8c8c8c; border-right: 1px solid #8c8c8c; border-bottom: 1px solid #8c8c8c;*/ overflow: hidden; clear: both; font-family : Arial; font-family: 12px; } .tab .page.curpage{ display : block; } ]]>

div { display: block; display : inline-block; margin: 0 0 0 0; padding: 0; position : relative; vertical-align : bottom; cursor : default; } .docktab .btncontainer .btntab { padding : 1px 2px 2px 2px; position : relative; text-align : center; border-right : 1px solid #8c8c8c; border-bottom : 1px solid #8c8c8c; background : -moz-linear-gradient(top, #d6d6d6, #c7c7c7 ); background : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d6d6d6), to(#c7c7c7)); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } /*.docktab .btncontainer div.firstbtn { margin-left: 0; }*/ .docktab .btncontainer .btntab .tab_icon { height : 16px; left : 1px; position : absolute; top : 1px; width : 16px; } .docktab .btncontainer .btntab .tab_title { overflow : hidden; padding : 1px 0 0 2px; color : #202020; text-shadow : rgba(255,255,255,0.7) 0px 1px 0px; font-family : "Arial", Tahoma; font-size : 11px; } .docktab .btncontainer .btntab.btnclose .tab_title { margin-right : 15px; } .docktab .scale .btntab .tab_title{ display : block; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; } .docktab .btncontainer div.over { background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(209,209,209)),color-stop(1, rgb(227,227,227))); background: -moz-linear-gradient(center bottom,rgb(209,209,209) 0%,rgb(227,227,227) 100%); cursor: default; } .docktab .btncontainer div.curbtn { color : #202020; cursor : default; z-index : 1; background: -webkit-gradient(linear,left bottom,left top,from(rgb(246,246,246)),color-stop(1, rgb(237,237,237))); background: -moz-linear-gradient(center bottom,rgb(246,246,246) 60%,rgb(237,237,237) 100%); border-right : 1px solid #8c8c8c; border-bottom: 1px solid #F6F6F6; } .docktab .scale .btntab .tab_middle { display : block; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; } .tabFocus .curbtn{ } .docktab .btncontainer .btnclose strong { width : 14px; height : 14px; display : block; position : absolute; right : 1px; top : 3px; /*cursor : pointer;*/ background-image : url(images/close_tab_btn.png); background-repeat : no-repeat; background-position : 0 0; } .docktab .btncontainer .btnclose strong:hover { background-position : -14px -14px; } .docktab .btncontainer .btnclose strong:active { background-position : -28px -14px; } .docktab .btncontainer .curbtn.btnclose strong { background-position : 0 0; top: 3px; } .docktab .btncontainer .curbtn.btnclose strong:hover { background-position : -14px 0; } .docktab .btncontainer .curbtn.btnclose strong:active { background-position : -28px 0; } .docktab .page { display : none; position : absolute; top : 19px; bottom : 0; left : 0; right : 0; z-index : 10; margin: 0 auto; background-color: #f6f6f6; /*border-left: 1px solid #8c8c8c; border-right: 1px solid #8c8c8c; border-bottom: 1px solid #8c8c8c;*/ overflow: hidden; } .docktab .page.curpage{ display : block; } ]]> .docktab .btncontainer .btntab { padding : 2px 2px 3px 2px; }

input secret

</a:main>
    </a:presentation>
</a:textbox>

<a:toolbar name="toolbar">
    <a:style><![CDATA[
        .toolbar .menubar {
            background: url(images/menubar_row.png) repeat-x top left;
            height: 22px;
            z-index: 1;
            font-family: Tahoma, Arial;
            font-size: 12px;
            position: relative;
        }

.toolbar .subbar {
            background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(222,224,227)),color-stop(1, rgb(239,241,244)));
            background: -moz-linear-gradient(center bottom,rgb(222,224,227) 0%,rgb(239,241,244) 100%);
            font-family: Arial;
            font-size: 12px;
            border-bottom: 1px solid #b2b2b2;
            position: relative;
            padding: 0;
            width : 100%;
            overflow : hidden;
            height : 27px;
        }

.toolbar .subbar.no_border {
            border-bottom: none;
            padding-top: 1px;
        }

.toolbar>.subbar>*{
            display : inline-block;
            float : left;
            margin : 2px;
        }

.toolbar>.subbar>.hbox, .toolbar>.subbar>.vbox, .toolbar>.subbar>.table{
            display : block;
            float : none;
            margin : 0;
        }

.toolbar>.subbar>.divider {
            border-left: 1px solid #c4c4c4;
            border-right: 1px solid #fafafa;
            border-bottom: none;
            border-top: none;
            height: 17px;
            float: left;
            margin: 4px 0 0 0;
        }
    ]]></a:style>

<a:presentation>
        <a:main container=".">
            <div class="toolbar"> </div>
        </a:main>
        <a:bar container="." inherit="true" minheight="28">
            <div class="subbar"> </div>
        </a:bar>
        <a:menubar container="." inherit="true">
            <div class="menubar">
            </div>
        </a:menubar>
        <a:button link="toolbarbutton" inherit="true"/>
        <a:divider inherit="true">
            <div class="divider"> </div>
        </a:divider>
    </a:presentation>
</a:toolbar>

<a:tree name="tree">
    <a:style><![CDATA[
        .filemgr-tree {
            cursor           : default;
            position         : relative;
            padding          : 0;
            overflow         : hidden;
            border-right     : 1px solid #f5f5f5;

-webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none;
        }

.hboxTrFiles {
            background :url(images/tree-shadow-left.png) repeat-y left 0, url(images/tree-shadow-right.png) repeat-y right 0, url(images/tree_backg.png) repeat 0 0;
        }

.filemgr-tree U {
            position:relative;
            overflow:hidden;
            display:block;
            margin:0;
            padding:0 0 0 0;
            text-decoration:none;
        }

.filemgr-tree U .item-fix {
            padding-left : 15px;
        }

.filemgr-tree U U .item-fix {
            padding-left : 30px;
        }

.filemgr-tree U U U .item-fix {
            padding-left : 45px;
        }

.filemgr-tree U U U U .item-fix {
            padding-left : 60px;
        }

.filemgr-tree U U U U U .item-fix {
            padding-left : 75px;
        }

.filemgr-tree U U U U U U .item-fix {
            padding-left : 90px;
        }

.filemgr-tree U U U U U U U .item-fix {
            padding-left : 105px;
        }

.filemgr-tree U U U U U U U U .item-fix {
            padding-left : 120px;
        }

.filemgr-tree U U U U U U U U U .item-fix {
            padding-left : 135px;
        }

.filemgr-tree U U U U U U U U U U .item-fix {
            padding-left : 150px;
        }

.filemgr-tree U U U U U U U U U U U .item-fix {
            padding-left : 165px;
        }

.filemgr-tree U U U U U U U U U U U U .item-fix {
            padding-left : 180px;
        }

.filemgr-tree U U U U U U U U U U U U U .item-fix {
            padding-left : 195px;
        }

.filemgr-tree U U U U U U U U U U U U U U .item-fix {
            padding-left : 210px;
        }

.filemgr-tree U U U U U U U U U U U U U U U .item-fix {
            padding-left : 225px;
        }

.filemgr-tree U U U U U U U U U U U U U U U U .item-fix {
            padding-left : 240px;
        }

.filemgr-tree U U U U U U U U U U U U U U U U U .item-fix {
            padding-left : 255px;
        }

.filemgr-tree U U U U U U U U U U U U U U U U U U .item-fix {
            padding-left : 270px;
        }

.filemgr-tree U U U U U U U U U U U U U U U U U U U .item-fix {
            padding-left : 285px;
        }

.filemgr-tree U U U U U U U U U U U U U U U U U U U U .item-fix {
            padding-left : 300px;
        }

.filemgr-tree .item-fix {
            position:relative;
            height:18px;
            border-top:1px solid transparent;
            border-bottom:1px solid transparent;
            /*width:100%;*/
        }

.filemgr-tree .item-fix .item {
            height:18px;
            padding:0 0 0 14px;
            position:relative;
            /*overflow:hidden;*/
        }

.filemgr-tree .item-fix.selected {
            background : url(images/tree_selected.png) repeat 0 0;
        }

.filemgr-dragtree .item .caption,
        .filemgr-tree .item-fix.dragAppend .item {
            color: white;
            margin-right: 5px;
        }
        
        .filemgr-dragtree .item .caption,
        .filemgr-tree .item-fix.dragAppend .label-content {
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            filter     : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2890e5', endColorstr='#1f82d2');
            -ms-filter : "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2890e5', endColorstr='#1f82d2')";
            background : -webkit-gradient(linear, left top, left bottom, from(#2890e5), color-stop(1, #1f82d2));
            background : -moz-linear-gradient(center bottom, #1f82d2 0%, #2890e5 100%) repeat scroll 0 0 transparent;
        }
        
        .filemgr-tree .item-fix.dragDenied {

}

.filemgr-tree .item-fix.dragInsert {

}

.filemgr-treeFocus .item-fix.selected {
            border-top:1px solid #3a9bec;
            border-bottom:1px solid #185f97;
            filter     : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2890e5', endColorstr='#1f82d2');
            -ms-filter : "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2890e5', endColorstr='#1f82d2')";
            background : -webkit-gradient(linear, left top, left bottom, from(#2890e5), color-stop(1, #1f82d2));
            background : -moz-linear-gradient(center bottom, #1f82d2 0%, #2890e5 100%) repeat scroll 0 0 transparent;
        }

.filemgr-dragtree,
        .filemgr-treeFocus .item-fix.selected .item LABEL .caption,
        .filemgr-treeFocus .item-fix.dragAppend .item LABEL .caption {
            color:white;
        }

.filemgr-tree .item SPAN {
            top:5px;
            left:4px;
            width:10px;
            height:10px;
            position:absolute;
            overflow:hidden;
        }

.filemgr-tree U.root .item-fix.min .item SPAN,
        .filemgr-tree U.root .item-fix.minlast .item SPAN,
        .filemgr-tree U.root .item-fix.plus .item SPAN,
        .filemgr-tree U.root .item-fix.pluslast .item SPAN,
        .filemgr-tree .item-fix.root .item SPAN {
            background-image:url(images/tree_close_arrow_small.png);
            background-repeat: no-repeat;
        }

.filemgr-tree .item-fix.min .item SPAN,
        .filemgr-tree .item-fix.minlast .item SPAN {
            background-position: -10px -1px;
        }

.filemgr-tree .item-fix.plus .item SPAN,
        .filemgr-tree .item-fix.pluslast .item SPAN {
            background-position: 0 0;
        }

.filemgr-tree .item LABEL {
            display:block;
            position:relative;
            /*overflow:hidden;*/
            height:18px;
            background-position:3px 1px;
            background-repeat:no-repeat;
            padding-left:21px;
        }

.filemgr-tree .item LABEL .caption {
            font-family : Tahoma, Arial;
            font-size   : 11px;
            color       : #101010;
            display:block;
            position:relative;
            overflow:hidden;
            height:16px;
            padding:1px 0 0 2px;
            text-decoration:none;
            white-space: nowrap;
        }

.filemgr-tree .loading .item {
            background : url(images/file-tree-load-spinner.gif) no-repeat 16px 1px;
        }

.filemgr-tree .loading .item LABEL {
            background-position : -1000px 0;
        }

.filemgr-tree .loading.selected .item {
            background : url(images/file-tree-load-spinner-selected.gif) no-repeat 16px 1px;
        }

.filemgr-tree .ldng,
        .filemgr-tree .empty {
            display : none;
        }

#txt_rename {
            /*border:1px solid #2084d6;
            background-color: #d7e7f4;*/

height:16px;
            padding-left:1px;
            margin-top:0px;

font-family : Tahoma, Arial;
            font-size   : 11px;
            color       : #101010;
            position:relative;
            overflow:visible;
            text-decoration:none;
            white-space: nowrap;
            word-break: keep-all;
            cursor: text;
            outline : none;

-webkit-user-select: text;
            -khtml-user-select: text;
            -moz-user-select: text;
            -o-user-select: text;
            user-select: text;

overflow: visible;
            display: inline-block;
            background-color: #EAF1F7;
            border: 1px solid #90C3EF;
            -moz-box-shadow: 0px 0px 6px #76839A;
            -webkit-box-shadow: 0px 0px 6px #76839A;
            box-shadow: 0px 0px 6px #76839A;
        }

#txt_rename::selection {
            background: #90C3EF;
            }
        #txt_rename::-moz-selection {
            background: #90C3EF;
        }

.filemgr-dragtree {
            overflow:hidden;
            height:22px;
            opacity: .6;
        }

.filemgr-dragtree .item SPAN {
            display:none;
        }

.filemgr-dragtree .item LABEL {
            display:block;
            position:relative;
            overflow:hidden;
            height:20px;
            background-position:0 2px;
            background-repeat:no-repeat;
            margin-left:6px;
            padding-right:6px;
            float:left;
        }

.filemgr-dragtree .item LABEL .caption {
            font-family     : Tahoma, Arial;
            font-size       : 11px;
            color           : white;
            display         : block;
            position        : relative;
            overflow        : hidden;
            height          : 16px;
            padding         : 0 5px 0;
            margin-left     : 18px;
            margin-top      : 3px;
            text-decoration : none;
            white-space     : nowrap;
            text-shadow : #8394a2 0px 1px 0px;
        }
    ]]></a:style>
    <a:style condition="apf.isChrome || apf.isSafari"><![CDATA[
        .filemgr-tree .item LABEL .caption {
            height:16px;
            padding:2px 0 0 2px;
        }

#txt_rename {
            height:15px;
            padding-top:1px;
        }

.filemgr-dragtree2 .item LABEL .caption {
            height          : 16px;
            padding         : 3px 0 0 20px;
        }
    ]]></a:style>

<a:presentation>
        <a:main container="." startclosed="false">
            <div class="filemgr-tree">

</div>
        </a:main>
        <a:item
          class     = "."
          caption   = "div/div/label/u"
          icon      = "div/div/label"
          openclose = "div/span"
          select    = "div/div/label"
          container = "following-sibling::u">
            <div class="item-fix">
                <div class="item">
                    <span> </span>
                    <div class="label-content">
                        <label>
                            <u class="caption">-</u>
                        </label>
                    </div>
                </div>
            </div>
            <u> </u>
        </a:item>
        <a:dragindicator>
            <div class="filemgr-dragtree">
                <div class="item">
                    <span> </span>
                    <div class="label-content">
                        <label>
                            <u class="caption">-</u>
                        </label>
                    </div>
                </div>
            </div>
        </a:dragindicator>
        <a:loading>
            <div class="ldng">
                <span> </span>
                <label>Loading...</label>
            </div>
        </a:loading>
        <a:empty caption=".">
            <div class="message"></div>
        </a:empty>
    </a:presentation>
</a:tree>
<a:errorbox name="errorbox">
        <a:style><![CDATA[
            .errorbox {
                cursor      : default;
                z-index     : 2000000;
                position    : absolute;
                margin      : 33px 0 0 5px;
            }

.errorbox.upward {
                margin-top: -5px;
            }

.errorReserveUrl {
                max-width: 350px !important;
            }

.errorbox strong{
                display : block;
                margin  : 0 0 3px 0;
            }

.errorbox .errorbox_ctl,
            .errorbox .errorbox_ctr,
            .errorbox .errorbox_cbl,
            .errorbox .errorbox_cbr {
                position            : absolute;
                width               : 12px;
                background-repeat   : no-repeat;
                background-position : 0 0;
            }

.errorbox .errorbox_ctl {
                background-image    : url(images/hp_errorbox_ctl.png);
                height              : 12px;
                top                 : 0;
                left                : 0;
            }

.errorbox .errorbox_ctr {
                background-image    : url(images/hp_errorbox_ctr.png);
                height              : 12px;
                top                 : 0;
                right               : 0;
            }

.errorbox .errorbox_cbl {
                background-image    : url(images/hp_errorbox_cbl.png);
                height              : 20px;
                bottom              : 0;
                left                : 0;
            }

.errorbox .errorbox_cbr {
                background-image    : url(images/hp_errorbox_cbr.png);
                height              : 20px;
                bottom              : 0;
                right               : 0;
            }

.errorbox .errorbox_bt,
            .errorbox .errorbox_bl,
            .errorbox .errorbox_br,
            .errorbox .errorbox_bb {
                position            : absolute;
            }

.errorbox .errorbox_bt,
            .errorbox .errorbox_bb {
                background-repeat : repeat-x;
            }

.errorbox .errorbox_bl,
            .errorbox .errorbox_br {
                background-repeat : repeat-y;
            }

.errorbox .errorbox_bt {
                background-image    : url(images/hp_errorbox_bt.png);
                top                 : 0;
                left                : 12px;
                right               : 12px;
                height              : 12px;
                background-position : 0 0px;
            }

.errorbox .errorbox_bb {
                background-image    : url(images/hp_errorbox_bb.png);
                bottom              : 0;
                left                : 12px;
                right               : 12px;
                height              : 20px;
                background-position : 0 0px;
            }

.errorbox .errorbox_bl {
                bottom              : 20px;
                top                 : 12px;
                left                : 0;
                width               : 12px;
                background-image    : url(images/hp_errorbox_bl.png);
                background-position : 0 0;
            }

.errorbox .errorbox_br {
                bottom              : 20px;
                top                 : 12px;
                right               : 0;
                width               : 12px;
                background-image    : url(images/hp_errorbox_br.png);
                background-position : 0 0;
            }

.errorbox .errorboxContent {
                top         : 12px;
                left        : 12px;
                right       : 12px;
                bottom      : 12px;
                padding     : 12px 12px 20px 12px;
            }

.errorReserveUrl .errorboxContent {
                width       : 325px;
            }

.errorbox .errorboxContent SPAN {
                padding         : 6px 8px 6px 2px;
                display         : block;
                background-color: #bf0202;
                font-family     : Tahoma, Arial;
                font-size       : 8pt;
                color           : #ffffff;
            }

.errorReserveUrl .errorboxContent SPAN {
                text-align: center;
            }

.errorbox .errbox_arrow {
                background : url("images/hp_errorbox_arrow.png") no-repeat top left;
                width      : 11px;
                height     : 9px;
                position   : absolute;
                top        : -8px;
                left       : 15px;
                padding    : 0;
                margin     : 0;
                border     : 0;
                z-index    : 10000000;
            }

.errorbox.upward .errbox_arrow {
                background-position: 0 -9px;
                top: 54px;
            }

.errorReserveUrl .errbox_arrow {
                display: none;
            }

.errorbox .close {
                width      : 9px;
                height     : 10px;
                background : url("images/hp_errorbox_close.png") no-repeat top left;
                position   : absolute;
                top        : 5px;
                left       : -5px;
                z-index    : 999999;
            }

.errorbox .close:hover {
                background-position : 0 -10px;
            }

.errorReserveUrl .close {
                display: none;
            }
        ]]></a:style>

<a:presentation>
            <a:main
              container = "div[1]/span"
              caption   = "div[1]/span"
              for       = "@for"
              close     = "div[3]/a"
              maxwidth  = "275">
                <div class="errorbox">
                    <div class="errorboxContent">
                        <span> </span>
                    </div>
                    <div class="errorbox_ctl"> </div>
                    <div class="errorbox_ctr">
                        <a class="close" href="javascript:void(0)" onclick="return false;"> </a>
                    </div>
                    <div class="errorbox_cbl"> </div>
                    <div class="errorbox_cbr"> </div>
                    <div class="errorbox_bt">
                        <div class="errbox_arrow"> </div>
                    </div>
                    <div class="errorbox_bl"> </div>
                    <div class="errorbox_br"> </div>
                    <div class="errorbox_bb"> </div>
                </div>
            </a:main>
        </a:presentation>
    </a:errorbox>

<a:img name="img">
        <a:style><![CDATA[
			.img{
				overflow: auto;
			}

.img div {
				width : 100%;
				height : 100%;
				display: -moz-box;
				display: -webkit-box;
				-moz-box-orient: horizontal;
				-webkit-box-orient: horizontal;
				box-orient: horizontal;
				-moz-box-pack: center;
				-webkit-box-pack: center;
				box-pack: center;
				-moz-box-align: center;
				-webkit-box-align: center;
				box-align: center;
            }

.img IMG {
				display: block;
            }

.img span{
				display:block;
			}
        ]]></a:style>

<a:presentation>
            <a:main image="div/span/img/@src">
                <div class="img">
					<div>
                    	<span><img src="" /></span>
					</div>
                </div>
            </a:main>
        </a:presentation>
    </a:img>
</a:skin>