body,html{margin:0;padding:0;height:100%;border:none;overflow:hidden;background-color:#FFF;}
body,html,table,form,textarea{font-family:Verdana,Arial;font-size:12px;color:#222;}
#editor{border:solid #ccc 1px;overflow:hidden;border-top-left-radius:3px;border-top-right-radius:3px;}
#result{z-index:4;overflow-x:auto;overflow-y:scroll;border-top:solid #ccc 1px;border-bottom:solid #ccc 1px;position:relative;clear:both;}
#result.empty{overflow:hidden;}
#container{overflow:hidden;border:solid blue 0;position:relative;z-index:10;padding:0 5px 0 45px;}
#textarea{position:relative;top:0;left:0;margin:0;padding:0;width:100%;height:100%;overflow:hidden;z-index:7;border-width:0;background-color:transparent;resize:none;}
#textarea,#textarea:hover{outline:none;}
#content_highlight{white-space:pre;margin:0;padding:0;position:absolute;z-index:4;overflow:visible;}
#selection_field,#selection_field_text{margin:0;background-color:#E1F2F9;position:absolute;z-index:5;top:-100px;padding:0;white-space:pre;overflow:hidden;}
#selection_field.show_colors{z-index:3;background-color:#EDF9FC;}
#selection_field strong{font-weight:normal;}
#selection_field.show_colors *,#selection_field_text *{visibility:hidden;}
#selection_field_text{background-color:transparent;}
#selection_field_text strong{font-weight:normal;background-color:#3399FE;color:#FFF;visibility:visible;}
#container.word_wrap #content_highlight,#container.word_wrap #selection_field,#container.word_wrap #selection_field_text,#container.word_wrap #test_font_size{white-space:pre-wrap;white-space:-moz-pre-wrap !important;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;width:99%;}
#line_number{position:absolute;overflow:hidden;border-right:solid black 1px;z-index:8;width:38px;padding:0 5px 0 0;margin:0 0 0-45px;text-align:right;color:#AAAAAA;}
#test_font_size{padding:0;margin:0;visibility:hidden;position:absolute;white-space:pre;}
pre{margin:0;padding:0;}
.hidden{opacity:0.2;filter:alpha(opacity=20);}
#result .edit_area_cursor{position:absolute;z-index:6;background-color:#FF6633;top:-100px;margin:0;}
#result .edit_area_selection_field .overline{background-color:#996600;}
.area_toolbar{width:100%;background-color:#F2F2F2;background-image:-moz-linear-gradient(top,#FFFFFF,#F2F2F2);background-image:-webkit-gradient(linear,0 0,0 100%,from(#FFFFFF),to(#F2F2F2));background-image:-webkit-linear-gradient(top,#FFFFFF,#F2F2F2);background-image:-o-linear-gradient(top,#FFFFFF,#F2F2F2);background-image:linear-gradient(to bottom,#FFFFFF,#F2F2F2);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#F2F2F2',GradientType=0);padding:2px 5px;text-align:center;overflow:hidden;}
.area_toolbar,.area_toolbar table{;}
.area_toolbar img{border:0;vertical-align:middle;}
.area_toolbar input{margin:0;padding:0;}
.area_toolbar select{font-size:10px;font-weight:normal;margin:2px 0 0 0;padding:0;vertical-align:top;background-color:#F0F0EE;}
table.statusbar{width:100%;}
.area_toolbar td.infos{text-align:center;width:130px;border-right:solid 1px #ccc;border-width:0 1px 0 0;padding:0;}
.area_toolbar td.total{text-align:right;width:50px;padding:0;}
.area_toolbar td.resize{text-align:right;}
.area_toolbar span#resize_area{cursor:nw-resize;visibility:hidden;}
.editAreaButtonNormal,.editAreaButtonOver,.editAreaButtonDown,.editAreaSeparator,.editAreaSeparatorLine,.editAreaButtonDisabled,.editAreaButtonSelected{border:0;margin:0 2px;padding:0;background:transparent;margin-top:0;margin-left:1px;padding:0;}
.editAreaButtonNormal{border:0px solid #ECE9D8 !important;padding:1px;cursor:pointer;}
.editAreaButtonOver{padding:0;border:1px solid #dcac6c !important;cursor:pointer;background-color:#fff5d4;border-radius:2px;}
.editAreaButtonDown{cursor:pointer;padding:0;border:1px solid #dcac6c !important;background-color:#ffe69f;border-radius:2px;}
.editAreaButtonSelected{padding:0;border:1px solid #dcac6c !important;cursor:pointer;background-color:#ffe69f;border-radius:2px;}
.editAreaButtonDisabled{padding:1px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;border:0px solid #F0F0EE !important;cursor:pointer;}
.editAreaSeparatorLine{margin:1px 2px;width:2px;height:18px;}
#processing{display:none;background-color:#ECE9D8;border:solid #ccc 1px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;text-align:center;}
#processing_text{position:absolute;left:50%;top:50%;width:200px;height:20px;margin-left:-100px;margin-top:-10px;text-align:center;}
#tab_browsing_area{display:none;background-color:#CCC9A8;border-top:1px solid #ccc;text-align:left;margin:0;line-height:16px;}
#tab_browsing_list{padding:0;margin:0;list-style-type:none;white-space:nowrap;}
#tab_browsing_list li{float:left;margin:-1px;}
#tab_browsing_list a{position:relative;display:block;text-decoration:none;float:left;cursor:pointer;line-height:20px;}
#tab_browsing_list a span{display:block;color:#222;background:#ECE9D8;border:1px solid #ccc;border-width:1px 1px 0;text-align:center;padding:2px 2px 1px 4px;position:relative;}
#tab_browsing_list a b{display:block;border-bottom:2px solid #617994;}
#tab_browsing_list a .edited{display:none;}
#tab_browsing_list a.edited .edited{display:inline;}
#tab_browsing_list a img{margin-left:7px;}
#tab_browsing_list a.edited img{margin-left:3px;}
#tab_browsing_list a:hover span{background:#F4F2E8;border-color:#0A246A;}
#tab_browsing_list .selected a span{background:#046380;color:#FFF;}
#no_file_selected{height:100%;width:150%;background:#CCC;display:none;z-index:20;position:absolute;}
.non_editable #editor{border-width:0 1px;}
.non_editable .area_toolbar{display:none;}
#auto_completion_area{background:#FFF;border:solid 1px #ccc;position:absolute;z-index:15;width:280px;height:180px;overflow:auto;display:none;}
#auto_completion_area a,#auto_completion_area a:visited{display:block;padding:0 2px 1px;color:#000;text-decoration:none;}
#auto_completion_area a:hover,#auto_completion_area a:focus,#auto_completion_area a.focus{background:#D6E1FE;text-decoration:none;}
#auto_completion_area ul{margin:0;padding:0;list-style:none inside;}
#auto_completion_area li{padding:0;}
#auto_completion_area .prefix{font-style:italic;padding:0 3px;}