div.tb3 {
position: relative;
height: 100%;
z-index: 10;
margin-bottom:5px;
}
div.tb3 * {
margin: 0;
padding: 0;
font-family: arial;
list-style-type: none;
outline: none;
}
div.tb3 form {
width: 100%;
}
div.tb3 div.tb3-search {
border-top: 1px solid #999;
display: none;
padding: 2px 0 2px 4px;
line-height: 20px;
}
div.tb3 div.tb3-search * {
float: left;
}
div.tb3 div.tb3-search input.qsearch {
height: 14px;
padding: 2px;
margin: 0;
border: none;
width: 100px;
border: 1px solid #999;
}
div.tb3 div.tb3-search a, div.tb3 div.tb3-search small {
font-size: 11px;
line-height: 20px;
}
div.tb3 div.tb3-search a {
border: 0;
margin: 2px 6px 0 4px;
display: block;
width: 20px;
height: 20px;
background: url(img/magnifier.png) no-repeat;
}
div.tb3 div.tb3-search:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
div.tb3 div.tb3-textarea-wrapper {
margin: 0 4px 4px 4px;
height: 100%;
}
div.tb3-textarea {
background-color: #fff;
}
div.tb3-statusbar {
height:16px;
font-family: 'Courier New', Courier, monospace;
font-size:12px;
padding:3px 0 5px 5px;
}
div.tb3 textarea {
clear: both;
display: block;
width: 100%;
border: 0;
position:static;
overflow: auto;
font-family: 'Courier New', Courier, monospace;
}
div.tb3 ul.tb3-toolbar {
list-style-type: none;
margin: 0;
}

div.tb3 ul.tb3-toolbar a:hover { background-color: #FFCC00; }

div.tb3 ul.tb3-toolbar > li {
float: left;
height: 20px;
}
div.tb3 ul.tb3-toolbar > li:hover div {
display: block;
}
div.tb3 ul.tb3-toolbar li.ddmenu {
background: url("img/bbcodes.png") 15px -940px no-repeat;
padding-right: 3px;
margin-right: 5px;
position: relative;
cursor: pointer;
}
div.tb3 div.tb3-ddmenu {
width: 230px;
position: absolute;
border: 1px solid #dedede;
  background-color: #fff;
border-bottom: none;
left: 0;
top: 19px;
z-index: 1999;
display: none;
}
div.tb3 div.tb3-ddmenu ul {
margin: 0;
}
div.tb3 div.tb3-ddmenu li {
border-bottom: 1px solid #dedede;
}
div.tb3 div.tb3-ddmenu li a {
display: block;
height: 22px;
width: auto;
line-height: 22px;
background-color: #fff;
color: #333;
font-weight: bold;
text-decoration: none;
padding-left: 9px;
font-size: 12px;
margin: 0;
background-repeat: no-repeat;
background-position: 4px center;
padding-left: 24px !important;
}
div.tb3 div.tb3-ddmenu li a:hover {
background-color: #dedede;
}
div.tb3 ul.tb3-toolbar li.separator {
width: 1px;
margin: 0 12px 0 6px;
height: 20px;
overflow: hidden;
color:#ccc;
background-color: #ccc;
}
div.tb3 ul.tb3-toolbar a {
text-decoration: none;
display: block;
width: 20px;
height: 20px;
margin-right: 6px;
  background-image: url("img/bbcodes.png");
}
div.tb3 div.tb3-preview {
margin: 4px;
border: 1px solid #999;
display: none;
}
div.tb3 div.tb3-preview-header {
cursor: pointer;
}
div.tb3 iframe.tb3-preview-iframe {
border: 0;
width: 100%;
height: 300px;
overflow: auto;
}
div.tb3 div.tb3-overlap {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.7;
filter: alpha(opacity=70);
background-color: black;
display: none;
z-index: 1000;
}

div.tb3 div.tb3-dialog {
position: absolute;
width: 370px;
top: 50%;
left: 50%;
margin-left: -180px;
display: none;
z-index: 1001;
}

div.tb3 div.tb3-dialog dl {
margin-top: 8px;
}

div.tb3 div.tb3-dialog dt {
clear: left;
float: left;
display: block;
margin-right: 8px;
width: 138px;
text-align: right;
line-height: 27px;
height: 27px;
}

div.tb3 div.tb3-dialog dt label {
color: #666666;
font-size: 13px;
}

div.tb3 div.tb3-dialog .tb3help {
color: #990000;
font-size: 11px;
text-align:center;
}

div.tb3 div.tb3-dialog dd input {
height: 15px;
line-height: 15px;
padding: 2px;
border: 4px solid #dedede;
}

div.tb3 div.tb3-dialog-form {
background-color: #fff;
margin: 0 9px;
padding: 9px;
}

div.tb3 div.tb3-dialog-form h3 {
padding: 5px 0 5px 5px;
background-color: #dedede;
margin: -9px -9px 0;
position: relative;
}

div.tb3 div.tb3-dialog-form p {
border-top: 1px solid #dedede;
margin: 8px -9px 0;
text-align: center;
padding-top: 8px;
}

div.tb3 div.tb3-dialog-form p input {
background-color: #dedede;
border: none;
font-weight: bold;
color: #666666;
padding: 1px 0;
width: 60px;
height: 24px;
margin-right: 4px;
cursor: pointer;
}

div.tb3 div.tb3-dialog-form p input:hover, div.tb3 div.tb3-dialog-form p input:focus {
background-color: #666;
color: #fff;
}

div.tb3 div.tb3-dialog-header, div.tb3 div.tb3-dialog-footer {
position: relative;
width: 100%;
overflow: hidden;
}

div.tb3 div.tb3_help * {
clear: both;
text-align: left;
font-size: 12px;
}

div.tb3 div.tb3_help {
margin: 9px 0;
height: 150px;
overflow: auto;
}

div.tb3 div.tb3_help h4 {
color: #FF8A00;
font-size: 1em;
border-bottom: 1px solid #dedede;
}

div.tb3 div.tb3_help dt {
font-weight: bold;
text-align: left;
width: auto;
color: #3B4B5F;
}

div.tb3 div.tb3_help dd {
margin-bottom: 6px;
padding-left: 6px;
}

/* ======== Main buttons ========== */

div.tb3 a.strong { background-position: 0px -80px; }
div.tb3 a.underline { background-position: 0px -100px; }
div.tb3 a.italic { background-position: 0px -120px; }
div.tb3 a.align { background-position: 0px -140px; }
div.tb3 a.blockquote { background-position: 0px -200px; }
div.tb3 a.tb3code { background-position: 0px -220px; }
div.tb3 a.ul { background-position: 0px -240px; }
div.tb3 a.columns { background-position: 0px -340px; }
div.tb3 a.img { background-position: 0px -300px; }
div.tb3 a.thumb { background-position: 0px -320px; }
div.tb3 a.a { background-position: 0px -380px; }
div.tb3 a.color { background-position: 0px -440px; }
div.tb3 a.colors { background-position: 0px -440px; }
div.tb3 a.stags { background-position: 0px -700px; }
div.tb3 a.p { background-position: 0px -800px; }
div.tb3 a.htags { background-position: 0px -800px; }
div.tb3 a.more { background-position: 0px -820px; }
div.tb3 a.find { background-position: 0px -860px; }
div.tb3 a.smilies { background-position: 0px -980px; }
div.tb3 a.video { background-position: 0px -1000px; }
div.tb3 a.preview { background-position: 0px -1340px; }
div.tb3 a.h { background-position: 0px -1140px; }
div.tb3 a.del { background-position: 0px -1360px; }
div.tb3 a.li { background-position: 0px -1320px; }
div.tb3 a.tag { background-position: 0px -1420px; }
div.tb3 a.help { background-position: 0px -1400px; }
div.tb3 a.font { background-position: 0px -1280px; }
div.tb3 a.ol { background-position: 0px -1300px; }
div.tb3 a.omega { background-position: 0px -1380px; }

/* ======== Dropdown buttons ========== */

div.tb3 div.tb3-ddmenu a.align-left { background-position: 0px -140px; }
div.tb3 div.tb3-ddmenu a.align-center { background-position: 0px -160px; }
div.tb3 div.tb3-ddmenu a.align-right { background-position: 0px -180px; }
div.tb3 div.tb3-ddmenu a.hr { background-position: 0px -260px; }
div.tb3 div.tb3-ddmenu a.spoiler { background-position: 0px -200px; }
div.tb3 div.tb3-ddmenu a.spacer { background-position: 0px -280px; }
div.tb3 div.tb3-ddmenu a.img { background-position: 0px -300px; }
div.tb3 div.tb3-ddmenu a.thumb { background-position: 0px -320px; }
div.tb3 div.tb3-ddmenu a.column-left { background-position: 0px -340px; }
div.tb3 div.tb3-ddmenu a.column-right { background-position: 0px -360px; }
div.tb3 div.tb3-ddmenu a.url { background-position: 0px -380px; }
div.tb3 div.tb3-ddmenu a.email { background-position: 0px -420px; }
div.tb3 div.tb3-ddmenu a.color { background-position: 0px -440px; }
div.tb3 div.tb3-ddmenu a.black { background-position: 0px -460px; }
div.tb3 div.tb3-ddmenu a.grey { background-position: 0px -480px; }
div.tb3 div.tb3-ddmenu a.sea { background-position: 0px -500px; }
div.tb3 div.tb3-ddmenu a.blue { background-position: 0px -520px; }
div.tb3 div.tb3-ddmenu a.sky { background-position: 0px -540px; }
div.tb3 div.tb3-ddmenu a.green { background-position: 0px -560px; }
div.tb3 div.tb3-ddmenu a.yellow { background-position: 0px -580px; }
div.tb3 div.tb3-ddmenu a.orange { background-position: 0px -600px; }
div.tb3 div.tb3-ddmenu a.red { background-position: 0px -620px; }
div.tb3 div.tb3-ddmenu a.white { background-position: 0px -640px; }
div.tb3 div.tb3-ddmenu a.pink { background-position: 0px -660px; }
div.tb3 div.tb3-ddmenu a.purple { background-position: 0px -680px; }
div.tb3 div.tb3-ddmenu a.ac { background-position: 0px -780px; }
div.tb3 div.tb3-ddmenu a.f { background-position: 0px -760px; }
div.tb3 div.tb3-ddmenu a.page { background-position: 0px -700px; }
div.tb3 div.tb3-ddmenu a.p { background-position: 0px -800px; }
div.tb3 div.tb3-ddmenu a.pfs { background-position: 0px -840px; }
div.tb3 div.tb3-ddmenu a.topic { background-position: 0px -880px; }
div.tb3 div.tb3-ddmenu a.spost { background-position: 0px -900px; }
div.tb3 div.tb3-ddmenu a.pm { background-position: 0px -920px; }
div.tb3 div.tb3-ddmenu a.user { background-position: 0px -720px; }
div.tb3 div.tb3-ddmenu a.youtube { background-position: 0px -1000px; }
div.tb3 div.tb3-ddmenu a.dailymotion { background-position: 0px -1020px; }
div.tb3 div.tb3-ddmenu a.metacafe { background-position: 0px -1040px; }
div.tb3 div.tb3-ddmenu a.vimeo { background-position: 0px -1060px; }
div.tb3 div.tb3-ddmenu a.rutube { background-position: 0px -1100px; }
div.tb3 div.tb3-ddmenu a.vk { background-position: 0px -1120px; }
div.tb3 div.tb3-ddmenu a.h1 { background-position: 0px -1140px; }
div.tb3 div.tb3-ddmenu a.h2 { background-position: 0px -1160px; }
div.tb3 div.tb3-ddmenu a.h3 { background-position: 0px -1180px; }
div.tb3 div.tb3-ddmenu a.h4 { background-position: 0px -1200px; }
div.tb3 div.tb3-ddmenu a.h5 { background-position: 0px -1220px; }
div.tb3 div.tb3-ddmenu a.h6 { background-position: 0px -1240px; }
div.tb3 div.tb3-ddmenu a.align-justify { background-position: 0px -1260px; }
div.tb3 div.tb3-ddmenu a.font { background-position: 0px -1280px; }

/*addons*/

div.tb3 table.tb3-special-chars, div.tb3 table.tb3-special-colors {
width: 100%;
}

div.tb3 table.tb3-special-chars a {
display: block;
text-decoration: none;
color: #333;
width: 22px;
border: 1px solid #999;
border-top-color: #dedede;
border-left-color: #dedede;
height: 22px;
line-height: 22px;
text-align: center;
}

div.tb3 table.tb3-special-chars a:hover {
background-color: #dedede;
}

div.tb3 table.tb3-special-chars td {
padding: 1px;
}

div.tb3 table.tb3-special-colors td {
padding: 0;
margin: 0;
}

div.tb3 table.tb3-special-colors a {
display: block;
height: 14px;
}

div.tb3 div.tb3-smilies {
clear:both;
width:100%;
}

div.tb3 div.tb3-smilies ul.smilies li { margin:0; padding:0; display:inline; position:relative;}
div.tb3 div.tb3-smilies ul.smilies li a { width:auto; display:inline;}
div.tb3 div.tb3-smilies ul.smilies li a img {border:none; margin:0 2px;}