<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="js/jScrollPane.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="js/jScrollPane.css" />
<script type="text/javascript">
$(function()
{
$('.scroll-pane').jScrollPane({showArrows:true, scrollbarWidth:9, dragMaxHeight:87});
});
</script>
</head>
<body>
<div id="chat_con">
<div id="mes_side">
<div class="chat_user">
<span class="c_user_pic"><a href="#"><img src="images/sample_60_60.jpg" alt="#" /></a></span>
<h2 class="c_user_name"><strong class="pol_serdca"><a href="#">Настя Макеева</a> (23 года)</strong>
<em>онлайн</em></h2>
<div class="button-ch">
<div class="c-8-BG">
<div class="c-8-L">
<div class="c-8-R"> <span class="green_icon_fav"><a href="#" title="#">Добавить в фавориты</a></span> <a class="bl-06-x" href="#" title="#"></a></div>
</div>
</div>
</div>
<div class="set"></div>
<div class="bl"> <a href="#" title="#"><img src="images/bl-8.png" alt="" /></a> <a href="#" title="#"><img src="images/bl-07.png" alt="" /></a> <a href="#" title="#"><img src="images/bl-03.png" alt="" /></a> <a href="#" title="#"><img src="images/bl-9.png" alt="" /></a> </div>
</div>
<div id="chat_box">
<div class="ct_top">
<p>Показать сообщения за: <a href="#">сегодня</a> | <a href="#">вчера</a> | <a href="#">неделю</a> | <a href="#">месяц</a> | <a href="#">все</a></p>
<ul class="ct_top_list">
<li><a href="#" title="#" class="cf_refresh"></a></li>
<li><a href="#" title="#" class="cf_close"></a></li>
</ul>
</div>
<div class="chat_text_scroll">
<div class="sender_1">
<h4 class="se_name"><a href="#"><strong><em>Анастасия</em></strong></a></h4>
<div>
<p>Привет! Как твои дела? <span class="se_time">13.06.07 - 10:26</span></p>
<p>Я вот дома скучаю, как насчет прогуляться? <span class="se_time">13.06.07 - 10:26</span></p>
</div>
</div>
<div class="sender_2">
<h4 class="se_name"><a href="#"><strong><em>MegatTronBi...</em></strong></a></h4>
<div>
<p>Петербургский "Зенит" со счетом 2-0 и без особенных трудностей выиграл во Владимире матч 1\16 Кубка России у местного "Торпедо".<span class="se_time">13.06.07 - 10:26</span></p>
<p>Я вот дома скучаю, как насчет прогуляться? <span class="se_time">13.06.07 - 10:26</span></p>
</div>
</div>
<div class="sender_1">
<h4 class="se_name"><a href="#"><strong><em>Анастасия</em></strong></a></h4>
<div>
<p>Привет! Как твои дела? <span class="se_time">13.06.07 - 10:26</span></p>
<p>Я вот дома скучаю, как насчет прогуляться? <span class="se_time">13.06.07 - 10:26</span></p>
</div>
</div>
<div class="sender_2">
<h4 class="se_name"><a href="#"><strong><em>MegatTronBi...</em></strong></a></h4>
<div>
<p>Петербургский "Зенит" со счетом 2-0 и без особенных трудностей выиграл во Владимире матч 1\16 Кубка России у местного "Торпедо".<span class="se_time">13.06.07 - 10:26</span></p>
<p>Я вот дома скучаю, как насчет прогуляться? <span class="se_time">13.06.07 - 10:26</span></p>
</div>
</div>
<div class="sender_1">
<h4 class="se_name"><a href="#"><strong><em>Анастасия</em></strong></a></h4>
<div>
<p>Привет! Как твои дела? <span class="se_time">13.06.07 - 10:26</span></p>
<p>Я вот дома скучаю, как насчет прогуляться? <span class="se_time">13.06.07 - 10:26</span></p>
</div>
</div>
<div class="sender_2">
<h4 class="se_name"><a href="#"><strong><em>MegatTronBi...</em></strong></a></h4>
<div>
<p>Петербургский "Зенит" со счетом 2-0 и без особенных трудностей выиграл во Владимире матч 1\16 Кубка России у местного "Торпедо".<span class="se_time">13.06.07 - 10:26</span></p>
<p>Я вот дома скучаю, как насчет прогуляться? <span class="se_time">13.06.07 - 10:26</span></p>
</div>
</div>
</div>
</div>
<form action="">
<div class="chat_write_top">
<ul class="ch_write_list">
<li><h3>Новое сообщение</h3></li>
<li><div><strong><em><a href="#"><img src="images/mes_buts_bl_1.png" alt="" /></a></em></strong></div></li>
<li><div><strong><em><a href="#"><img src="images/mes_buts_bl_2.png" alt="" /></a></em></strong></div></li>
<li><div><strong><em><a href="#"><img src="images/mes_buts_bl_3.png" alt="" /></a></em></strong></div></li>
<li><div><strong><em><a href="#"><img src="images/mes_buts_bl_4.png" alt="" /></a></em></strong></div></li>
<li><div><strong><em><a href="#" title="333"><img src="images/mes_buts_bl_5.png" alt="" /></a> <a href="#" title="#select_smile" class="mes_buts_selector"></a></em></strong></div></li>
</ul>
<div class="icon_search_chat">
<a href="#" class="icon_search_chat_active" title="#"></a>
</div>
</div>
<textarea cols="10" rows="10" class="chat_textarea"></textarea>
<div class="cht_t_submit"> <input type="image" class="name" name="name" src="images/but_send.png" alt="alt"/> <span>(Ctrl + Enter)</span></div>
</form>
</div>
<div id="side_scroll_side">
<div class="tabi_two">
<ul>
<li id="tb_1"><div class="tabi-a"><span><a href="#" title="#">Чаты</a></span></div></li>
<li id="tb_2"><div><span><a href="#" title="#">Фавориты</a></span></div></li>
</ul>
</div>
<div class="side_scroll_side_content">
<div class="sss_left">
<div class="scroll-pane">
<div class="button-1">
<div class="c-8-BG">
<div class="c-8-L">
<div class="c-8-R"> Новые контакты: <a href="#" title="#">57</a></div>
</div>
</div>
</div>
<div class="set"></div>
<div class="double_dot">
<div id="contacts_1">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="onmouse"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеgdsgsg</a></td>
<td></td>
</tr>
</table>
</div>
<div id="contacts_2">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="onmouse"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеева</a></td>
<td><div class="bs_popup_bg"><a href="#" class="bs_list_close_red"><img src="images/bs_list_close_red.png" alt="" /></a><div class="bs_popup">
<div class="bs_popup-L"></div>
<div class="bs_popup-BG">5 Привет! Давно тебя не слышно...</div>
<div class="bs_popup-R"></div>
</div></div></td>
</tr>
</table>
</div>
<div id="contacts_3">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="onmouse"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеева</a> <span class="green_heart_2"><a href="#"></a></span></td>
<td></td>
</tr>
</table>
</div>
<div id="contacts_4">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="chat_user_select"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеева</a> <span class="green_heart_2"><a href="#"></a></span></td>
<td></td>
</tr>
</table>
</div>
<div id="contacts_5">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="onmouse"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеева</a> <span class="green_heart_2"><a href="#"></a></span></td>
<td></td>
</tr>
</table>
</div>
<div id="contacts_6">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="onmouse"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеева</a> <span class="green_heart_2"><a href="#"></a></span></td>
<td></td>
</tr>
</table>
</div>
<div id="contacts_7">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="onmouse"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеева</a> <span class="green_heart_2"><a href="#"></a></span></td>
<td></td>
</tr>
</table>
</div>
<div id="contacts_8">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="onmouse"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеева</a> <span class="green_heart_2"><a href="#"></a></span></td>
<td></td>
</tr>
</table>
</div>
<div id="contacts_9">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="onmouse"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеева</a> <span class="green_heart_2"><a href="#"></a></span></td>
<td></td>
</tr>
</table>
</div>
<div id="contacts_10">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="onmouse"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеева</a> <span class="green_heart_2"><a href="#"></a></span></td>
<td></td>
</tr>
</table>
</div>
<div id="contacts_11">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="onmouse"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеева</a> <span class="green_heart_2"><a href="#"></a></span></td>
<td></td>
</tr>
</table>
</div>
<div id="contacts_11">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="onmouse"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеева</a> <span class="green_heart_2"><a href="#"></a></span></td>
<td></td>
</tr>
</table>
</div>
<div id="contacts_11">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="onmouse"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеева</a> <span class="green_heart_2"><a href="#"></a></span></td>
<td></td>
</tr>
</table>
</div>
<div id="contacts_11">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="onmouse"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеева</a> <span class="green_heart_2"><a href="#"></a></span></td>
<td></td>
</tr>
</table>
</div>
<div id="contacts_11">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="onmouse"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеева</a> <span class="green_heart_2"><a href="#"></a></span></td>
<td></td>
</tr>
</table>
</div>
<div id="contacts_11">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="onmouse"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеева</a> <span class="green_heart_2"><a href="#"></a></span></td>
<td></td>
</tr>
</table>
</div>
<div id="contacts_11">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="onmouse"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеева</a> <span class="green_heart_2"><a href="#"></a></span></td>
<td></td>
</tr>
</table>
</div>
<div id="contacts_11">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="onmouse"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеева</a> <span class="green_heart_2"><a href="#"></a></span></td>
<td></td>
</tr>
</table>
</div>
<div id="contacts_11">
<table class="bs_list" cellpadding="0" cellspacing="0">
<tr class="onmouse"><td class="bg_34_33">
<a href="#" title="#"><img src="images/sample_34_33.jpg" alt="#" /></a></td>
<td class="bg_name">
<a href="#" title="#">Настя Макеева</a> <span class="green_heart_2"><a href="#"></a></span></td>
<td></td>
</tr>
</table>
</div>
</div></div></div>
</div> <div class="set"></div>
<div class="blue_side_footer">
<div class="blue_side_top">
<div class="blue_side_bottom">
<form action="#">
<table cellpadding="0" cellspacing="0">
<tr>
<td class="td_centr"><span class="focus_bg"><input type="checkbox" /></span></td>
<td class="bsd_left_td">только онлайн</td>
</tr>
<tr>
<td class="td_centr"><input type="checkbox" /></td>
<td class="bsd_left_td">только новые сообщения</td>
</tr>
<tr>
<td class="td_centr">Вид</td>
<td> <div class="button-1">
<div class="c-8-BG">
<div class="c-8-L">
<div class="c-8-R"> <a href="#" title="#">Неровно дышу</a> <a class="bl-06" href="#" title="#"></a></div>
</div>
</div>
</div>
<div class="set"></div></td>
</tr>
</table>
</form>
</div>
</div>
</div>
</div>
<div class="set"></div>
</div>
</body>
</html>