<style>
.smile-panel{
	border: 1px solid #7f7f7f;
	background-color: #ececec;
	position: relative;
	margin: 4px 4px;
	padding: 1px;
	display: none;
}

.smiles-title{
	background-color: #b9cee8;
	padding: 5px;
  position: relative;
  min-height: 18px;
}

#smiles-content{
	background-color: #ffffff;
  padding: 4px;
  text-align: center;
}

.s-links {
  cursor: pointer;
}

.smiles-title a{
	position: absolute;
  right: 2px;
  top: 2px;
}

.textarea {
	position: relative;
	margin: 4px 4px;
  padding-right: 4px;
}

textarea {
  width: 100%;
  margin: 0px;
}

input[type=submit] {
  margin-left: 4px;
}

.category_wrap_smiles {
  max-width: 280px;
  margin: auto;
  text-align: left;
}

.sm-cat {
  display: inline-block;
  margin: 0px;
  position: relative;
  vertical-align: top;
  width: 50%;
}

.sm-foot {
  display: block;
  margin: 2px;
  padding: 4px;
  position: relative;
  border-top: 1px solid #bfbfbf;
  text-align: left;
}

#toolbar {
	position: relative;
	display: block;
}

.bb_hide{background-color: #d9d9d9; padding: 5px; border-radius: 3px; border: 1px solid #708090; display: none; overflow: auto; max-width: 300px; max-height: 350px; position: absolute; position: absolute; z-index: 2;}
.bb_opt:hover .bb_hide{display: block;}
.bb_color a {float:left;  width:9px; height:9px; margin:1px; border: 1px solid black;padding: 0 !important;}
.bb_color a.categorySelect{width:auto; height:auto; border:none; float:none;}
</style>

<div id="toolbar"></div>

<? if (is_file(H.'sys/javascript/scripts/toolbar.min.js')) { ?>
  <script language="javascript" type="text/javascript" src="/sys/javascript/scripts/toolbar.min.js"></script>
<? } ?>

<div class="smile-panel" id="smile-panel">
<div class="smiles-title"><a onclick="smilesOpen()" class="s-links"><img src="/style/value/cross_r.gif" alt="close" /></a></div>
<div id="smiles-content"><img src="/style/value/gif-load.gif" alt="Loading Smiles" /></div>
</div>

<div class="textarea">
<textarea id="message" name="msg" onkeypress="ctrlEnter(event, this.form);" placeholder="<?= (isset($placeholder) ? $placeholder : '')?>">
<?= (isset($insert) ? $insert : '')?>
</textarea>
</div>


<div class='reg'>
<a href="javascript:tag(':)','','')"><img src="/style/smiles/1185.gif" alt=":)" title=":)"/></a>
<a href="javascript:tag(':(','','')"><img src="/style/smiles/1169.gif" alt=":(" title=":("/></a>
<a href="javascript:tag(':D','','')"><img src="/style/smiles/1170.gif" alt=":D" title=":D"/></a>
<a href="javascript:tag('.миг.','','')"><img src="/style/smiles/1173.gif" alt="миг" title="миг"/></a>
<a href="javascript:tag('.лол2.','','')"><img src="/style/smiles/114.gif" alt="лол2" title="лол"/></a>
<a href="javascript:tag('.кул3.','','')"><img src="/style/smiles/573.gif" alt="кул3" title="кул"/></a>
<a href="javascript:tag('.дружба.','','')"><img src="/style/smiles/852.gif" alt="дружба" title="дружба"/></a>
<a href="javascript:tag('.кофе3.','','')"><img src="/style/smiles/411.gif" alt="кофе3" title="кофе"/></a>
<a href="/plugins/smiles/" title="Все смайлы">&raquo;</a>
</div>

