.note-editable.ally *,
.note-animate-view.viewline *,
.note-aitemplate-view.viewline *,
.note-setbg-view.viewline *
{outline:#99CCFF dotted 1px;outline-offset:-1px;}
.note-editable.ally *:hover,
.note-animate-view.viewline *:hover,
.note-aitemplate-view.viewline *,
.note-setbg-view.viewline *:hover
{outline:#0353A3 dotted 1px;}

.note-editable.ally section:active::before,
.note-aitemplate-view.viewline section:active::before,
.note-animate-view.viewline section:active::before,
.note-setbg-view.viewline section:active::before
{content:'SECTION'; position:absolute;font-size:13px;padding:0;margin:1px 0 0 1px;background-color:rgba(220,220,220,0.5);color:#FFF;}

.note-editable.ally h1:active::after,
.note-aitemplate-view.viewline h1:active::after,
.note-animate-view.viewline h1:active::after,
.note-setbg-view.viewline h1:active::after
{content:'H1'; position:absolute;font-size:13px;padding:0 3px;margin:5px 0 0 5px;background-color:rgba(220,220,220,0.5);color:#FFF;}

.note-editable.ally h2:active::after,
.note-aitemplate-view.viewline h2:active::after,
.note-animate-view.viewline h2:active::after,
.note-setbg-view.viewline h2:active::after
{content:'H2'; position:absolute;font-size:13px;padding:0 3px;margin:5px 0 0 5px;background-color:rgba(220,220,220,0.5);color:#FFF;}

.note-editable.ally h3:active::after,
.note-aitemplate-view.viewline h3:active::after,
.note-animate-view.viewline h3:active::after,
.note-setbg-view.viewline h3:active::after
{content:'H3'; position:absolute;font-size:13px;padding:0 3px;margin:5px 0 0 5px;background-color:rgba(220,220,220,0.5);color:#FFF;}

.note-editable.ally h4:active::after,
.note-aitemplate-view.viewline h4:active::after,
.note-animate-view.viewline h4:active::after,
.note-setbg-view.viewline h4:active::after
{content:'H4'; position:absolute;font-size:13px;padding:0 3px;margin:5px 0 0 5px;background-color:rgba(220,220,220,0.5);color:#FFF;}

.note-editable.ally h5:active::after,
.note-aitemplate-view.viewline h5:active::after,
.note-animate-view.viewline h5:active::after
{content:'H5'; position:absolute;font-size:13px;padding:0 3px;margin:5px 0 0 5px;background-color:rgba(220,220,220,0.5);color:#FFF;}

.note-editable.ally h6:active::after,
.note-aitemplate-view.viewline h6:active::after,
.note-animate-view.viewline h6:active::after,
.note-setbg-view.viewline h6:active::after
{content:'H6'; position:absolute;font-size:13px;padding:0 3px;margin:2px 0 0 5px;background-color:rgba(220,220,220,0.5);color:#FFF;}

.note-editable.ally span:active::after,
.note-aitemplate-view.viewline span:active::after,
.note-animate-view.viewline span:active::after,
.note-setbg-view.viewline span:active::after
{content:'SPAN'; position:absolute;font-size:13px;padding:0 3px;margin:1px 0 0 3px;background-color:rgba(220,220,220,0.5);color:#FFF;}

.note-editable.ally font:active::after,
.note-aitemplate-view.viewline font:active::after,
.note-animate-view.viewline font:active::after,
.note-setbg-view.viewline font:active::after
{content:'FONT'; position:absolute;font-size:13px;padding:0 3px;margin:1px 0 0 5px;background-color:rgba(220,220,220,0.5);color:#FFF;}

.note-editable.ally small:active::after,
.note-aitemplate-view.viewline small:active::after,
.note-animate-view.viewline small:active::after,
.note-setbg-view.viewline small:active::after
{content:'SMALL'; position:absolute;font-size:13px;padding:0 3px;margin:1px 0 0 3px;background-color:rgba(220,220,220,0.5);color:#FFF;}

.note-editable.ally a:active::before,
.note-aitemplate-view.viewline a:active::before,
.note-animate-view.viewline a:active::before,
.note-setbg-view.viewline a:active::before
{content:'A'; position:absolute;font-size:13px;padding:0 3px;margin:0 0 0 -15px;background-color:rgba(220,220,220,0.5);color:#FFF;}

.note-editable.ally p:active::after,
.note-aitemplate-view.viewline p:active::after,
.note-animate-view.viewline p:active::after,
.note-setbg-view.viewline p:active::after
{content:'P'; position:absolute;font-size:13px;padding:0 3px;margin:1px 0 0 5px;background-color:rgba(220,220,220,0.5);color:#FFF;}

.note-editable.ally button:active::after,
.note-aitemplate-view.viewline button:active::after,
.note-animate-view.viewline button:active::after,
.note-setbg-view.viewline button:active::after
{content:'BTN'; position:absolute;font-size:13px;padding:0 3px;margin:-15px 0 0 -10px;background-color:rgba(220,220,220,0.5);color:#FFF;}

.note-editable.ally div:active::before,
.note-aitemplate-view.viewline div:active::before,
.note-animate-view.viewline div:active::before,
.note-setbg-view.viewline div:active::before
{content:'DIV'; position:absolute;font-size:13px;padding:0 3px;margin:-15px 0 0 -10px;background-color:rgba(220,220,220,0.5);color:#FFF;}

.note-editable.ally form:active::before,
.note-aitemplate-view.viewline form:active::before,
.note-animate-view.viewline form:active::before,
.note-setbg-view.viewline form:active::before
{content:'FORM'; position:absolute;font-size:13px;padding:0;margin:1px 0 0 1px;background-color:rgba(220,220,220,0.5);color:#FFF;}


.note-editable.ally ul:active::before,
.note-aitemplate-view.viewline ul:active::before,
.note-animate-view.viewline ul:active::before,
.note-setbg-view.viewline ul:active::before
{content:'UL'; position:absolute;font-size:13px;padding:0 3px;margin:3px 0 0 -5px;background-color:rgba(220,220,220,0.5);color:#FFF;}

.note-editable.ally ol:active::before,
.note-aitemplate-view.viewline ol:active::before,
.note-animate-view.viewline ol:active::before,
.note-setbg-view.viewline ol:active::before
{content:'OL'; position:absolute;font-size:13px;padding:0 3px;margin:3px 0 0 -5px;background-color:rgba(220,220,220,0.5);color:#FFF;}

.note-editable.ally li:active::before,
.note-aitemplate-view.viewline li:active::before,
.note-animate-view.viewline li:active::before,
.note-setbg-view.viewline li:active::before
{content:'LI'; position:absolute;font-size:13px;padding:0 3px;margin:3px 0 0 -15px;background-color:rgba(220,220,220,0.5);color:#FFF;}