/*
RESET
===============================================================================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

html, body { width: 100%; height: 100%;}
body {color:#000; font:11px/120% Tahoma, Geneva, sans-serif; background:#dee2e6;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}
a {color:#0090db; text-decoration:underline; cursor:pointer;}
a:hover {text-decoration:none;}
a.win_link { text-decoration:none; border-bottom:1px dashed;}
a.win_link:hover { border-bottom:none;}

.header-wrap { background:#ccd1d7 url(../images/header_wrap_bg.png) repeat-x; width:100%; height:245px; padding:11px 0 0;}
.header { width: 983px; height:245px; margin:0 auto; background:#ccd1d7 url(../images/header_bg.png) no-repeat;}

.page-wrap { width:983px; margin:0 auto; overflow:auto;}
.page {  width:983px; margin:0 auto; padding: 20px 0; background:#fff url(../images/page_bg.png) repeat-y;}

.footer-wrap { height: auto; width: 100%; background:url(../images/footer_bg.gif) center top no-repeat;}
.footer { background:#707070 url(../images/footer_bg.png) repeat-x; width:912px; padding:15px 29px 25px 34px; margin:0 auto;}


/*
BLOCKS
===============================================================================================================*/
/*-- card block --------------------------------------------------------------------*/
.b-sms { width:100%; overflow:hidden;}
.b-sms p {padding:0 0 10px;}
.b-sms .cover{ float:left; width:52px;}
.b-sms .cover img {color:#889293; font-size:10px;}
.b-sms .sms_info { margin:-2px 0 0 61px;}
.b-sms .sms_info h4{ font-weight:bold; font-size:11px; padding:0 0 3px; }
.b-sms .sms_info h4 a { text-decoration:underline;}
.b-sms .sms_info h4 a:hover {text-decoration:none;}
.b-sms .sms_info .time{ color:#000;}
.b-sms .sms_info .place{ color:#818181;}
.b-sms .sms_info .place span {white-space:nowrap;}
.b-sms .sms_info .theme { padding:2px 0 0;}
.b-sms .sms_info .theme a{ color:#818181; text-decoration:none;}
.b-sms .sms_info .theme a:hover{ text-decoration:underline;}
.b-sms .sms_info .text { color:#000; padding:10px 0 8px;}
.b-sms .sms_info .send { margin:7px 0 0;}
.b-sms .sms_info .send a { background:#559cca url(../images/btn_send_more.png) no-repeat; display:block; width:87px; height:22px; padding:6px 0 0; text-align:center; color:#fff; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; position:relative; left:-5px;}
.b-sms .sms_info .send a:hover { background-position:0 -28px;}
.b-sms .sms_info .controls .btn{background:#4d96ca url(../images/btn_send.png) 0px 0px no-repeat; color:#fff; display:block; width:140px; height:24px; padding:12px 0 0; line-height:14px; text-align:center; margin:2px 0 0 -5px; text-decoration:none; font-weight:bold; float:left; line-height:11px;}
.b-sms .sms_info .controls .btn:hover { background-position:0 -36px;}
/*.b-sms .sms_info .controls .btn span { display:block; text-align:center;}*/

/*-- rate block ------------------------------------------------------------------*/
.b-rate { background:url(../images/rate_bg.gif) no-repeat; width:199px; height:30px; position:relative; top:5px; left:5px; overflow:hidden;}
.b-rate .rate_count  {border-collapse:collapse; float:right; margin:3px 0 0;}
.b-rate .rate_count td {vertical-align:top;}
.b-rate .rate_count_l { background:url(../images/rate_count_l.gif) no-repeat left  top; width:13px; height:25px; margin:0 -5px 0 0;}
.b-rate .rate_count_r { background:url(../images/rate_count_r.gif) no-repeat right top; width:13px; height:25px; margin:0 3px 0 -5px;}
.b-rate .rate_count_c {background:#f0f0f0; height:18px; padding:6px 0 0; font: 11px/11px "Courier New", Courier, monospace;}
.b-rate a{ display:block; height:19px; width:18px; position:absolute; top:3px; font-weight:bold; text-decoration:none; padding:5px 0 0 27px; color:#878787; background:url(../images/pic_smiley.png) no-repeat;}
.b-rate .good { left:3px; }
.b-rate .good:hover { color:#8ebf38; background-position:0 -24px;}
.b-rate .bad  { left:52px; background-position:0 -48px;}
.b-rate .bad:hover { color:#e22828; background-position:0 -72px;}
.b-rate p {float: right; padding:8px 3px 0 0;}
.b-rate .vote { position:absolute; top:0; left:10px; color:#777;}
.b-rate-item { margin:0 0 0 14px; background:url(../images/rate_item_bg.gif) no-repeat; width:230px;}

.b-sms-box { width:565px; padding:0 35px 0 0; margin:0 0 5px; background:#fff url(../images/sms_box_top.gif) top left no-repeat; overflow:hidden;}
.b-sms-box .b-sms{ padding:20px; width:560px; background:url(../images/sms_box_btm.gif) bottom left no-repeat ;}

/*-- paginator --------------------------------------------------------------------*/
.b-paginator { margin:20px 0 30px; padding:0 0 20px 17px; position:relative; overflow:hidden;  border-bottom:1px solid #dfdfdf;}
.b-paginator .cur_page { color:#000; font-weight:bold;}
.b-paginator .cur_page span{ color:#ff9600; font-size:16px; font-weight:bold;}
.b-paginator .btn_back, .b-paginator .btn_forw {position:absolute; top:17px; display:block; width:20px; height:20px; background:#5ca3d1 url(../images/pag_btns.png) no-repeat;}
.b-paginator .btn_back { left:4px; background-position:0 0;}
.b-paginator .btn_forw { right:4px; background-position:0 -40px;}
.b-paginator .btn_back:hover {background-position:0 -20px;}
.b-paginator .btn_forw:hover { background-position: 0 -60px;}
.b-paginator .pag-left, .b-paginator .pag-right {height:40px; float:left; width:15px; position:relative;}
.b-paginator .pag-left  {background: url(../images/pag_left.png) no-repeat bottom left; padding:0 20px 0 0;}
.b-paginator .pag-right {background: url(../images/pag_right.png) no-repeat bottom right;  padding:0 0 0 20px;}
.b-paginator .pag-cont  {background: url(../images/pag_bg.png) repeat-x bottom; float:left; margin:7px 0 0;}
.b-paginator .pag-cont a { text-decoration:none; padding:13px 0 0; margin:0 6px 0 5px; color:#889293; display:block; float:left; width:22px; height:20px; text-align:center; font-family:"Courier New", Courier, monospace; line-height:12px;}
.b-paginator .pag-cont a:hover {color:#ff9600;}
.b-paginator .pag-cont a.act { text-decoration:none; color:#ff9600; background:#fff url(../images/page_act.gif) top center;}

/*-- code block -----------------------------------------*/
.b-code .desc {color:#606060; padding:0 0 13px;}
.b-code .code-container { background:url(../images/win/codeBg.png) no-repeat; width:405px; height:145px; margin-left:-2px; padding:10px 10px 0px 20px; position:relative;}
.b-code .sms {color:#B32500; font-weight:bold; font-size:14px; line-height:18px; padding:3px 0 0 10px;}
.b-code .sms-nmbr{position:absolute; bottom:13px; left:20px;}
.b-code .sms-nmbr big{font-size:18px;}
.b-code .sms-txt {position:absolute; top:7px; left:20px;}
.b-code .code-format {font-size:10px; color:#606060; float:right; width:80px; padding:40px 0px 0 15px; line-height:12px;}
.b-code .code {color:#840808; padding:20px 0 18px 7px; font:50px/100% Arial, Tahoma, Verdana; position:absolute; top:30px; left:20px; background:none;}
.b-code .send_info {overflow:hidden; width:434px; margin:10px 2px;}
.b-code .name { padding:0 0 10px;}
.b-code .name p { color:#606060; padding:0;}
.b-code .nmbr { float:left; width:244px;}
.b-code .nmbr p{ color:#606060; padding:0;}
.b-code .dlvr { float:right; text-align:right; width:185px; padding:0 5px 0 0;}
.b-code .dlvr p{ color:#606060; padding:0;}
.b-code-page {font-size:12px; width:309px; overflow:hidden;}
.b-code-page .code-container { background:url(../images/win/codeBgSmall.png) no-repeat; width:309px; height:145px; margin-left:-5px; padding:10px 10px 0 20px; position:relative;}
.b-code-page .code-container .status { color:#840808; font-size:17px; display:block; padding:35px 5px 0; line-height:20px;}
.b-code-page .code-format {font-size:10px; color:#606060; position:absolute; bottom:12px; right:10px; width:145px; line-height:12px;}
.b-code-page .nmbr, .b-code-page .dlvr {float:none; text-align:left; padding:0 0 10px; width:auto;}




/*
HEADER
===============================================================================================================*/
.header { position:relative;}
.header h1{ width:174px; height:117px; overflow:hidden; position:relative; position:absolute; top:32px; left:52px;}
.header h1 img{ position:absolute; top:0; left:0;}

.balloon { position:absolute; top:38px; left:260px; color:#00598d; font:16px/20px Arial, Helvetica, sans-serif; width:312px; height:94px; background:url(../images/balloon_bg.png) no-repeat; padding:30px 30px 0 65px;}

/*-- menu --------------------------------------------------------------------*/
.main_menu { list-style:none outside; position:absolute; left:30px; bottom:14px; color:#fff; font:bold 11px Arial, Helvetica, sans-serif;}
.main_menu li{ float:left; height:12px; padding:3px 15px 7px; white-space:nowrap; line-height:15px;}
.main_menu li img{ margin:0 3px 0 0;}
.main_menu li.act{background:url(../images/menu_act_l.png) left top no-repeat; height:22px; padding:0;}
.main_menu li.act span{background:url(../images/menu_act_r.png) right top no-repeat; padding:3px 15px 7px; height:12px; display:block;}
.main_menu li a{ color:#fff;}
.main_menu li a:hover {text-decoration:none;}

/*-- support --------------------------------------------------------------------*/
.support { position:absolute; top:59px; right:70px;}
.support img{ display:block; font-size:14px; font-weight:bold; margin:0 0 7px;}
.support a.btn{ display:block; color:#fff; text-decoration:none; font-weight:bold; text-align:center; background:#ffb127 url(../images/btn_support.png) no-repeat; width:104px; height:17px; line-height:11px; padding:5px 0 0; margin-left:20px;}

/*-- top menu --------------------------------------------------------------------*/
.top_menu { list-style:none outside; position:absolute; bottom:63px; right:35px;}
.top_menu li{ float:left;}
.top_menu li span{ padding:0 5px;}
.top_menu li a {line-height:16px;}

/*-- search --------------------------------------------------------------------*/
.search { position:absolute; bottom:15px; right:20px; width:270px;}
.search fieldset{ border:none; position:relative;}
.search .text{ width:160px; background:transparent; vertical-align:middle; border:none; color:#b5b5b5; font:bold 11px Tahoma, Geneva, sans-serif; padding:2px 4px; margin:2px 0 0;}
.search .btn{ width:76px; height:23px; background:#3070d7 url(../images/btn_search.png) no-repeat; border:none; margin:0 0 0 10px; color:#fff; font: bold 12px Arial, Helvetica, sans-serif; padding:0; vertical-align:middle; position:relative; top:1px;}


/*
CONTENT
===============================================================================================================*/
.page { float:left; position:relative;}
.page h2{font-size:18px;}

/*-- structure --------------------------------------------------------------------*/
.column { float:left; overflow:hidden; position:relative; left:100%;}
.column-left { width:640px; margin-left:-964px;}
.column-right {width:293px; margin-left:-312px;}
.content {overflow:hidden;}



/*
RIGHT COLUMN
===============================================================================================================*/
/*-- right round block --------------------------------------------------------------------*/
.block-right { color:#424242; width:293px; padding: 0 0 5px; margin:0 0 25px; background:url(/images/block_right_bg.gif) bottom left no-repeat;}
.block-right h2{ padding:11px 26px 0 26px; height:31px; line-height:20px; color:#000; font-size:18px; background:#f0f0f0 url(/images/right_block_heading_bg.png) no-repeat;}
.block-right h2 a {color:#000;}
.block-right .block_content { padding:15px 25px 10px; width:241px; border:#dfdfdf solid; border-width:0 1px; position:relative; overflow:hidden;}
.block-right .block_content p { padding:0 0 10px;}

/*-- live --------------------------------------------------------------------*/
.block-right .block_content-live { padding-bottom:0;}
.block-right .block_content-live .desc{ padding:0 0 20px;}
.block-right .block_content-live .container { width:100%; height:255px; overflow:hidden; position:relative; }
.block-right .block_content-live ul { list-style:none outside; position:absolute;}
.block-right .block_content-live ul li{ height:85px;}
.block-right .block_content-live p {padding:0 0 2px;}
.block-right .block_content-live .map {text-align: right; padding:0 0 12px; background:#fff;}

/*-- rubricator mini --------------------------------------------------------------------*/
.themes { margin:0 0 1px; list-style:none outside;}
.themes li{ overflow:hidden; width:100%; padding:2px 0 5px;}
.themes li img { float:left;}
.themes li h3 { margin:0 0 0 50px; font-size:18px; line-height:18px; padding:5px 0 0;}
.themes li p { margin:0 -193px 0 50px; padding:0 0 9px; width:193px; line-height:16px;}
.themes li p a {text-decoration:none;}
.themes li p a:hover {text-decoration:underline;}
.themes li ul {margin:0 0 0 50px;}
.themes li ul li { padding:0;}



/*
LEFT COLUMN
===============================================================================================================*/
/*-- controls --------------------------------------------------------------------*/
.control-display  { display:block; width:18px; height:17px; position:absolute; top:12px; left:19px; background:url(../images/pic_minus.png) no-repeat;}
.control-listen   { position:absolute; top:6px; right:14px; width:165px; display:none;}
.control-listen a { color:#fff;}

/*-- left block --------------------------------------------------------------------*/
.block-left { margin:0 0 20px; width:640px;}
.block-left .heading { background:url(../images/heading_red.png) no-repeat; color:#fff; width:640px; height:40px; position:relative;}
.block-left .heading h2{ padding:10px 0 0 44px; line-height:20px;}
.block-left .heading-green {background:url(../images/heading_green.png) no-repeat;}
.block-left .heading-orange {background:url(../images/heading_orange.png) no-repeat;}
.block-left .heading-magenta {background:url(../images/heading_magenta.png) no-repeat;}
.block-left .heading-blue {background:url(../images/heading_blue.png) no-repeat;}
.block-left .cont { background:#f0f0f0 url(../images/block_left_bg.gif) bottom left no-repeat; position:relative; width:640px;}
.block-left .cont-sms_list {padding:5px; width:630px;}
.block-left .more{ text-align:right; padding:6px 35px 8px 0;}
.block-left-roll .control-scroll{ display:none;}
.block-left-roll .control-listen {display:block;}
.block-left-roll .control-display{background:url(../images/pic_plus.png) no-repeat;}
.block-left-roll .cont {display:none;}
.block-left-roll .heading { background-position:0 -40px;}

/*-- block announce ----------------------------------------------------------*/
.block-left-announce { background:#f0f0f0 url(../images/block_left_bg.gif) bottom left no-repeat; overflow:hidden;}
.block-left-announce ul{ padding:7px 19px 8px; list-style:none outside; overflow:hidden; width:580px;}
.block-left-announce ul li{ float:left; margin:0 20px 0 0;}
.block-left-announce ul li span{ background:url(../images/announce_count.gif) no-repeat; font:10px "Courier New", Courier, monospace; color:#fff; width:16px; height:14px; padding:2px 0 0; text-align:center; float:left;}
.block-left-announce ul li a {font-size:10px; color:#6d6d6d; text-decoration:none; padding:0 0 0 3px; position:relative; top:1px;}
.block-left-announce ul li span.act{ background-position: -16px 0;}

/*-- cards list ----------------------------------------------------------------*/
.rubricator { padding:16px 16px 0;}
.rubricator .line{ width:100%; overflow:hidden; padding:0 0 25px;}
.rubricator .rubric { width:180px; padding:0 20px 0 0; float:left;}
.rubricator .rubric .pic { float:left; width:64px; margin-right:-64px;}
.rubricator .rubric .links {margin:0 0 0 77px; padding:5px 0 0;}
.rubricator .rubric h4 { padding:0 0 10px; font-size:11px;}
.rubricator .rubric h4 a {font-weight:bold;}
.rubricator .rubric ul { list-style:none outside;}



/*
CATEGORY
===============================================================================================================*/
/*-- pathway --------------------------------------------------------------------*/
.pathway {margin:0 0 0 73px; padding:10px 0;}
.pathway a {margin:0 3px;}
.pathway span { margin-left:3px;}

/*-- heading --------------------------------------------------------------------*/
.category_heading { width:100%; overflow:hidden; margin:0 0 20px;}
.category_heading .category-img { float:left; width:64px; height:64px; display:block;}
.category_heading span img {display:block;}
.category_heading h2 { margin:0 0 0 76px; color:#ff9600; font-size:22px;}

/*-- rubricator --------------------------------------------------------------------*/
.block-left-category_rubricator { background:#ecf8fc; border:1px solid #c5d8eb; width:604px; margin:0 0 20px; padding:16px 17px 10px; position:relative;}
.block-left-category_rubricator ul { margin:0 0 1px; padding:0 20px 0 0; width:180px; float:left; list-style:none outside;}
.block-left-category_rubricator ul li { padding:0 0 7px;}
.block-left-category_rubricator ul li a { color:#0052db;}
.block-left-category_rubricator:after { content:''; display:block; clear:both; height:0; overflow:hidden; font-size:0;}
.block-left-category_rubricator .tl, .block-left-category_rubricator .tr, .block-left-category_rubricator .bl, .block-left-category_rubricator .br { background-image:url(../images/rubricator_block_corners.gif); background-repeat:no-repeat; width:5px; height:5px; position:absolute; font-size:0;}
.block-left-category_rubricator .tl {background-position:-5px -5px; top:-1px; left:-1px;}
.block-left-category_rubricator .tr {background-position:0px -5px; top:-1px; right:-1px;}
.block-left-category_rubricator .bl {background-position:-5px 0px; bottom:-1px; left:-1px;}
.block-left-category_rubricator .br {background-position:0px 0px; bottom:-1px; right:-1px;}

/*-- description --------------------------------------------------------------------*/
.category_description { margin:35px 0; padding:0 15px;}

/*-- sms list --------------------------------------------------------------------*/
.category-sms_list { padding:20px 17px 0; border-top:1px solid #dfdfdf;}
.category-sms_list .b-sms{margin:0 0 40px;}

/*-- left block more sms --------------------------------------------------------------------*/
.block-left-more { margin:0 0 30px;}
.block-left-more .heading h2{ padding-left:20px;}
.block-left-more .cont{ padding:20px 17px 0;}
.block-left-more .b-sms{ width:180px; padding-right:20px; float:left;}
.block-left-more .line { width:100%; overflow:hidden; padding:0 0 35px;}



/*
ITEM
===============================================================================================================*/
.block-left-item { overflow: hidden; width:640px; padding:0 0 65px;}
.block-left-item .item-preview { float:left; width:255px;}
.block-left-item .item-form { float:left; width:345px; padding-left:35px; position:relative; z-index:10; }
.block-left-item .loader { position:absolute; bottom:5px; display:block; width:32px; height:32px;}
.block-left-item .loader_step1 {left:260px;}
.block-left-item .loader_step2 {left:190px;}
.block-left-item .form-blocker { background:#fff; display:block; height:1000px; opacity:0.4; position:absolute; width:430px; z-index:10;}

.item-form form { margin:-25px 0 0;}
.item-form fieldset { border:none;}
.item-form h3 { font-size:18px; color:#000; margin:30px 0 4px;}
.item-form h4 { font: bold 12px Tahoma, Geneva, sans-serif; color:#000; margin:30px 0 10px;}
.item-form p {  font-size:12px; color:#818181; padding:0 0 10px;}
.item-form p.info { font-size:11px; padding:3px 0;}
.item-form input { vertical-align:middle;}
.item-form .phone_number { margin:30px 0 0;}
.item-form .phone_number h3{ margin-top:0;}
.item-form .sender { margin:30px 0 0;}
.item-form .sender .sender-info { font-size:11px; line-height:14px; color:#000; width:300px; height:auto; margin:15px 0 5px; background:url(../images/sender_info_top.png) no-repeat;}
.item-form .sender .sender-info strong { font-size:12px; display:block;}
.item-form .sender .sender-info-i { background:url(../images/sender_info_btm.png) no-repeat left bottom;  padding:10px 17px 11px;}
.item-form .sender h3{ margin-top:0;}
.item-form .send { position:relative; z-index:1; }
.item-form .send label {margin-left:4px; font-weight:bold; position:relative; top:1px; vertical-align:middle; cursor:pointer;}
.item-form .send .send-now { background:#f4f4f5 url(../images/send_bg.gif) 0 0 no-repeat; height:21px; width:115px; padding:2px 0 0 4px; float:left; position:relative; margin-right:-100%;}
.item-form .send .send-after { background:#f4f4f5 url(../images/send_bg.gif) 0 -23px no-repeat; height:21px; width:147px; padding:2px 0 0 4px; margin:0 0 0 121px; position:relative;}
.item-form .send .send-choice { background:#f4f4f5 url(../images/choice_bg.gif) no-repeat; width:258px; height:57px; padding:15px 7px 10px; display:none; overflow:hidden; position:relative;}
.item-form .send .send-choice input { background: url(../images/choice_input_bg.gif) no-repeat; width:39px; height:16px; border:none; margin:0 3px; color:#818181; font-weight:bold; padding:3px 0; vertical-align:middle; text-align:center;}
.item-form .send .send-choice span { padding:0 0 0 10px;}
.item-form .send .send-choice p { color:#818181; margin:4px 0 0 3px; padding:0; font-size:10px;}
.item-form .send .send-choice .error { position:absolute; top:0; left:10px; font-size:10px;}
.item-form .choose_time .send-now{ background:none;}
.item-form .choose_time .send-after { background-position:0 -46px;}
.item-form .notice {}
.item-form .notice h4{margin:30px 0 2px;}
.item-form .notice input{ margin:6px 0 0;}

.item-form .field { font:18px/24px Tahoma, Geneva, sans-serif; color:#424242; margin:10px 0 0; background:#f4f5f6 url(../images/input_bg.png) no-repeat; width:280px; height:24px; border:none; padding:5px 10px; vertical-align:middle;}
.item-form .select { position:relative; z-index:10; }
/*.item-form .field-phone { font-size:27px; line-height:35px; color:#4e4f4f; padding:0 10px; height:34px;}*/
.item-form .field-email { background:#f4f5f6 url(../images/input_small_bg.png) no-repeat; width:149px; height:19px; padding:3px 10px 0; margin:0; font: bold 12px/16px Tahoma, Geneva, sans-serif;}
.item-form .field-suggest-name { font:11px/11px Tahoma, Geneva, sans-serif; color:#333; height:14px; padding:10px 10px;}
.item-form .error { color:#f00; display:none;}
.item-form .btn_send { width:150px; height:40px; background:#4e99cc url(../images/btn_send_item.png) no-repeat; border:none; color:#fff; font:bold 14px Arial, Helvetica, sans-serif; margin:25px 0 1px; cursor:pointer;}
.item-form .btn_send:hover { background-position:0 -40px;}
.item-form .btn_more {width:150px; height:28px; padding:12px 0 0; background:#4e99cc url(../images/btn_send_item.png) no-repeat; border:none; color:#fff; font:bold 14px Arial, Helvetica, sans-serif; margin:0 0 1px; cursor:pointer; display:block; text-decoration:none; text-align:center;}
.item-form .btn_more:hover { background-position:0 -40px;}

.preview { width:232px; height:429px; background:#626466 url(../images/preview_bg.png) no-repeat; margin:0 0 30px 22px; position:relative;}
.preview h3{ text-align:center; position:absolute; top:104px; left:37px; width:160px; font: bold 14px Arial, Helvetica, sans-serif; color:#5b6571;}
.preview h3 span{ position:absolute; top:1px; left:0px; width:160px; display:block; color:#fff;}
.preview .sms-text { position:absolute; top:156px; left:37px; width:166px; height:auto; background:#93d943 url(../images/sms_text_top.png) no-repeat top left;}
.preview .sms-text p{ background:url(../images/sms_text_btm.png) no-repeat bottom left; padding:13px 23px 13px 17px;}



/*
NEWS
===============================================================================================================*/
.page_heading {}
.page_heading h2{ padding:15px 0 30px 20px;}
.page_text {width:600px; padding:10px 0 0 20px;}

.news-list { width:600px; list-style:none outside; padding:10px 0 0 20px;}
.news-list li { width:100%; overflow:hidden; padding:0 0 30px; font-size:12px; line-height:18px;}
.news-list li h3 { font: bold 14px Arial, Helvetica, sans-serif; color:#444; padding:3px 0 8px;}
.news-list li p { padding:0 0 10px;}
.news-list li span.news-date { display:block; color:#777; font-size:11px;}
.news-list li img { float:left; margin:2px 15px 10px 0; border:3px solid #ddd;}



/*
FOOTER
===============================================================================================================*/
.footer { overflow:hidden; font-size:11px; color:#d3d3d3; clear:both;}
.footer p{ padding:0 0 2px;}
.footer a{ color:#fff;}

.copyrights { width:240px; float:left; padding: 0;}

.bottom_menu { width:500px; float:left;}
.bottom_menu h4{ font-size:11px; font-weight:bold; padding:0 0 5px;}
.bottom_menu ul{ list-style:none outside;}
.bottom_menu li { float:left; white-space:nowrap;}
.bottom_menu span { padding:0 5px;}

.counters { float:right; width:88px; padding:10px 0 0;}
.mailru { float:left; padding:7px 0 0;}
.liru { float:right; padding:7px  0 0;}


/*
WIN
===============================================================================================================*/
#blocker { height:100%; width:100%; background:#000; opacity:.75; top:0; left:0; position:fixed; z-index:1000; display:none;}
.win {position:fixed; top:50%; left:50%; width:538px; height:auto; margin:-220px 0 0 -258px; z-index:1002; display:none;}
.win h2 {font-size:24px; padding:10px 0 15px;}
.win .win-top{ background:url(../images/win/win_top.png) no-repeat; width:538px; height:36px;}
.win .win-bg  { background:url(../images/win/win_bg.png) repeat-y; width:438px; height:auto; padding:10px 50px; position:relative;}
.win .win-btm { background:url(../images/win/win_btm.png) no-repeat; width:538px; height:36px;}
.win-brdr { width:494px;}
.win-brdr p{ padding:0 0 10px;}
.win-brdr .win-close { position:absolute; top:3px; right:15px;}
.win-brdr .win-top { background:url(../images/win/win_brdr_top.png) no-repeat; height:15px;}
.win-brdr .win-btm { background:url(../images/win/win_brdr_btm.png) no-repeat; height:15px;}
.win-brdr .win-bg { background:none; background-color:#fff; border:solid #aab0b8; border-width:0 4px; width:446px; padding:0 20px;}

.feedback fieldset { border:none;}
.feedback select { font-size:inherit; font-family:inherit; width:300px;}
.feedback label {display: block; padding:10px 0 3px;}
.feedback label span {color:#e05c5c; padding-left:10px; display:none;}
.feedback input {font-size:inherit; font-family:inherit; width:297px;}
.feedback textarea { width:297px; height:50px; font-size:inherit; font-family:inherit;}
.feedback input.btn { background:#4e99cc url(../images/btn_send.png) no-repeat; border:none; width:137px; height:36px; margin:10px 0 0; display:block; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; position:relative; left:-5px;}



/*-- scrollbars ------------------------------------*/
#pane1, #pane2, #pane3, #pane4 {height: 465px;}
.jScrollPaneContainer {position: relative; overflow: hidden;z-index: 1;}
.jScrollPaneTrack {position:absolute; cursor:pointer; right:3px; top:0; height:100%; background:#dfdfdf url(../images/windows_track.gif) repeat-y;}
.jScrollPaneDrag {position:absolute; cursor:pointer; overflow:hidden; background: url(../images/scrollbar_drag_cntr.gif) repeat-y;}
.jScrollPaneDragTop {position:absolute; top:0; left:0; overflow:hidden; background: url(../images/scrollbar_drag_top.gif) no-repeat; height: 8px;}
.jScrollPaneDragBottom {position: absolute; bottom:0; left:0; overflow:hidden; background: url(../images/srcollbar_drag_btm.gif) no-repeat; height: 8px;}
a.jScrollArrowUp {display:block; position:absolute; z-index:1; top:0; right:3px; text-indent: -2000px; overflow:hidden; height:17px; background: url(../images/scrollbar_arrow_up.gif) no-repeat 0 0;}
a.jScrollArrowUp:hover {background-position: 0 -17px;}
a.jScrollArrowDown {display:block; position:absolute; z-index:1; bottom:0; right:3px; text-indent:-2000px; overflow:hidden; height: 17px; background: url(../images/scrollbar_arrow_down.gif) no-repeat 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -17px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 0;}

.friends { margin:0 0 -10px;}
.friends li{ margin:0 0 20px;}
.friends li p { padding:0 !important;}
.friends {}

/*
SUGGEST
===================================================================*/
.suggest-text textarea { background:#f4f5f6 url(../images/textarea_bg.png) no-repeat; width:280px; height:54px; border:none; font:11px Tahoma, Geneva, sans-serif; color:#333; padding:10px; margin:10px 0 0; overflow:auto;}
.suggest-text {}

.btn_send_moder { width:220px; height:40px; background:#4e99cc url(../images/btn_send_moder.png) no-repeat; border:none; color:#fff; font:bold 14px Arial, Helvetica, sans-serif; margin:25px 0 1px; cursor:pointer;}
.btn_send_moder:hover { background-position:0 -40px;}

.select { width:300px; padding:2px 0 0; margin:10px 0 0;}
.select a{ text-decoration:none; color:#333; cursor:pointer;}
.select span {width:300px; height:34px; background: #f4f5f6 url(../images/select_bg.png) no-repeat; display:block;}
.select span a {display:block; height:14px; width:280px; padding:10px 10px; }
.select ul {position:absolute; display:none; background:#ededed; width:298px; border:1px solid #ccc; max-height:200px; overflow:auto;}
.select ul li {width:280px;}
.select ul li a {display:block; padding:5px 10px; width:260px; color:#333;}
.select ul li a:hover {background:#f4f5f6;}
.select select {position:absolute; left:-400px; width:20px; }
.select-unfolded span{ background: #f4f5f6 url(../images/select_bg.png) 0 -34px no-repeat;}



.g-hidden {display:none;}
#form2, #form3 {display:none;}

/*-- friends ---------------------------------------------------------------------------
.b-friends {}*/
.b-friends ul { margin:0 0 -10px;}
.b-friends li { font-size:11px; margin:0 0 15px; padding:37px 0 0; position:relative;}
.b-friends li img { position:absolute; top:0; left:50%; margin-left:-65px;}