<!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" />
<!--[if lte IE 6]>
<script src="js/ava_hover.js" type="text/javascript"></script>
<![endif]-->
</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 class="table-4">
<table class="table-4">
<tr>
<td class="green_pop-L-T"><b> </b></td>
<td class="green_pop-T-BG"><b> </b></td>
<td class="green_pop-R-T"><b> </b></td>
</tr>
<tr>
<td class="green_pop-L-BG"><b> </b></td>
<td class="text-box3"><div class="rel">
<div class="text-box3">
<ul class="active_chat_com">
<li class="green_icon_fav"><a href="#" title="#">Добавить в фавориты</a></li>
<li class="green_icon_chat"><a href="#" title="#">Удалить из чатов</a></li>
<li class="green_icon_plus"><a href="#" title="#">Добавить в друзья</a></li>
<li class="green_icon_ugost"><a href="#" title="#">Угостить</a></li>
<li class="green_icon_presn"><a href="#" title="#">Сделать подарок</a></li>
<li class="green_icon_warn"><a href="#" title="#">Пожаловаться</a></li>
</ul>
</div>
</div></td>
<td class="green_pop-R-BG"><b> </b></td>
</tr>
<tr>
<td class="green_pop-L-B"><b> </b></td>
<td class="green_pop-B-BG"><b> </b></td>
<td class="green_pop-R-B"><b> </b></td>
</tr>
</table>
<a class="bl-06-x" href="#" title="#"></a></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>
<div class="table-5">
<table class="table-5">
<tr>
<td class="smile_popup-L-T"><b> </b></td>
<td class="smile_popup-T-BG"><b> </b></td>
<td class="smile_popup-R-T"><b> </b></td>
</tr>
<tr>
<td class="smile_popup-L-BG"><b> </b></td>
<td class="text-box4"><div class="rel">
<div class="text-box4">
<div class="smile_table">
<table>
<tr>
<td><a href="#" title="#"><img src="images/smile_1.png" alt="" /></a></td>
<td><a href="#" title="#"><img src="images/smile_2.png" alt="" /></a></td>
<td><a href="#" title="#"><img src="images/smile_3.png" alt="" /></a></td>
<td><a href="#" title="#"><img src="images/smile_1.png" alt="" /></a></td>
<td><a href="#" title="#"><img src="images/smile_2.png" alt="" /></a></td>
</tr>
<tr>
<td><a href="#" title="#"><img src="images/smile_1.png" alt="" /></a></td>
<td><a href="#" title="#"><img src="images/smile_2.png" alt="" /></a></td>
<td><a href="#" title="#"><img src="images/smile_3.png" alt="" /></a></td>
<td><a href="#" title="#"><img src="images/smile_1.png" alt="" /></a></td>
<td><a href="#" title="#"><img src="images/smile_2.png" alt="" /></a></td>
</tr>
<tr>
<td><a href="#" title="#"><img src="images/smile_1.png" alt="" /></a></td>
<td><a href="#" title="#"><img src="images/smile_2.png" alt="" /></a></td>
<td><a href="#" title="#"><img src="images/smile_3.png" alt="" /></a></td>
<td><a href="#" title="#"><img src="images/smile_1.png" alt="" /></a></td>
<td><a href="#" title="#"><img src="images/smile_2.png" alt="" /></a></td>
</tr>
<tr>
<td><a href="#" title="#"><img src="images/smile_1.png" alt="" /></a></td>
<td><a href="#" title="#"><img src="images/smile_2.png" alt="" /></a></td>
<td><a href="#" title="#"><img src="images/smile_3.png" alt="" /></a></td>
<td><a href="#" title="#"><img src="images/smile_1.png" alt="" /></a></td>
<td><a href="#" title="#"><img src="images/smile_2.png" alt="" /></a></td>
</tr>
</table>
</div>
</div>
</div></td>
<td class="smile_popup-R-BG"><b> </b></td>
</tr>
<tr>
<td class="smile_popup-L-B"><b> </b></td>
<td class="smile_popup-B-BG"><b> </b></td>
<td class="smile_popup-R-B"><b> </b></td>
</tr>
</table>
<span class="smile_chose"><a href="#12" title="333"><img src="images/mes_buts_bl_5.png" alt="" /></a> <a href="#1111" title="#select_smile" class="mes_buts_selector"></a></span>
</div>
</li>
</ul>
<div class="icon_search_chat">
<div class="lp_shot">
<input type="text" id="sh_input" />
<input type="image" id="love_poisk_submit" name="love_poisk_submit" src="images/love_poisk_submit.png" alt="alt"/>
</div> </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="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">
<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><div class="bs_popup_bg"><a href="#" class="bs_list_close_red"><img src="images/bs_list_close_red.png" alt="" /></a></div></td>
</tr>
<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>
<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><div class="bs_popup_bg"><a href="#" class="bs_list_close_red"><img src="images/bs_list_close_red.png" alt="" /></a></div></td>
</tr>
<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><div class="bs_popup_bg"><a href="#" class="bs_list_close_red"><img src="images/bs_list_close_white.png" alt="" /></a></div></td>
</tr>
<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><div class="bs_popup_bg"><a href="#" class="bs_list_close_red"><img src="images/bs_list_close_red.png" alt="" /></a></div></td>
</tr>
</table>
</div></div>
<div class="sss_bar">
<span class="blue_scroll_up"></span>
<span class="blue_scroll_polzunok" style="top:25px;"></span>
<span class="blue_scroll_down"></span>
</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 class="table-3">
<table class="table-3">
<tr>
<td class="vid_select-L-T"><b> </b></td>
<td class="vid_select-BG"><b> </b></td>
<td class="vid_select-R-T"><b> </b></td>
</tr>
<tr>
<td class="vid_select-BG-LR"><b> </b></td>
<td class="text-box2"><div class="rel">
<div class="text-box2">
<a href="#" title="#">мелкие значки</a>
<a href="#" title="#">крыпные значки</a>
<em>одним списком</em>
</div>
</div></td>
<td class="vid_select-BG-LR"><b> </b></td>
</tr>
<tr>
<td class="vid_select-L-B"><b> </b></td>
<td class="vid_select-BG"><b> </b></td>
<td class="vid_select-R-B"><b> </b></td>
</tr>
</table>
<a class="bl-06" href="#" title="#"></a> </div>
</div>
<div class="set"></div></td>
</tr>
</table>
</form>
</div>
</div>
</div>
</div>
<div class="set"></div>
</div>
</body>
</html>