/* reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em,  img, strong, sub, sup,
	b, u, i,  dl, dt, dd, ol, ul, li, form, label, table, tbody, tfoot, thead,
	tr, th, td {margin: 0; padding: 0; border: 0; outline: 0;
	vertical-align: baseline; background: transparent;}
html {font-size: 100.01%;}
body {line-height: 1em; text-align: left; font: 14px Arial, Helvetica, sans-serif;
	min-width: 998px;}
:focus {outline: 0;}
table {border-collapse: collapse; border-spacing: 0; font-size: 100%;}
input[type="text"], input[type="password"], input, select, textarea {font: 100% Arial, Helvetica, sans-serif;}
textarea {padding: 0;}
form {width: 100%;}
ul {list-style-type: none;}
th {font-weight: normal;}
th, td {text-align: left; vertical-align: top;}

/* tags */
body {color: #eee; background: #727272 url('/art/bg.png') 0 0 repeat-x;}
h1, .h1 {margin: 0 0 20px 0; padding: 0; font: 30px tahoma; color: #7cc8f7;}
h1 .date {font: 18px georgia; color: #eee; margin-top: 7px;}
h1 .date span {font: 11px tahoma; color: #bcbcbc; padding-left: 15px;}
h2, .h2 {margin: 0 0 15px 0; padding: 0; font: 24px georgia;}
h1 a, .h1 a, h2 a, .h2 a {color: #fff;}
input[type="text"], input[type="password"], input, select, textarea {color: #000;}
a {color: #ff9d36;}
a:hover {color: #fff;}
p {margin: 0 0 15px 0;}

/* common */
.important {display: none;}
.wrap {overflow: hidden; zoom: 1;}
.dinamic {margin: 0 0 50px 0;}
.dinamic ul {margin-bottom: 15px;}
.dinamic li {padding: 0 0 4px 13px; background: url('/art/bull.gif') 0 6px no-repeat;}
.ap {text-decoration: none; border-bottom: 1px dashed; cursor: pointer;}
.error {color: #f99; border: 1px dotted #f99; padding: 10px 15px; margin: 10px 0;}
.bull_list {}
.bull_list li {padding: 0 0 4px 13px; background: url('/art/bull.gif') 0 6px no-repeat;}

/* structure */
#top {height: 70px; position: absolute; left: 0; top: 0; width: 100%;}
#middle {overflow: hidden; zoom: 1;}
#middle_main_wrap {margin-right: -240px; width: 100%; overflow: hidden; zoom: 1; position: relative;}
#middle_main {margin-right: 240px; padding-top: 90px;}
#middle_center.noright {margin-left: -20px}
#middle_content.noright {margin-left: 20px}
#middle_center {margin-left: -200px;}
#middle_content {margin-left: 200px; position: relative;}
#middle_left {width: 211px; position: relative;}
#middle_right {width: 170px; position: relative;}
#bottom {margin-top: 30px; height: 42px;}

#middle_main_wrap, #middle_center {width:100%;}
#middle_left, #middle_center {float: left;}
#middle_main_wrap, #middle_right {float: right;}

/* banners */
#ban_center {text-align: center; margin-top: 50px;}
#ban_left {margin: 40px 0 0 25px;}

/* right */
#middle_right .top {margin-bottom: 60px;}
#main_screenshots {}
#main_screenshots img {border: 1px solid #000; margin: 0 0 10px 0;}
#main_screenshots .more {margin: 0 0 20px 0;}


/* left */
#logo {margin: 18px 0 40px 0;}

#phone .display {height: 272px; width: 211px; background: url('/art/phone1.jpg');}
#phone .display .dates {padding: 145px 0 0 100px; font: 11px/15px tahoma;}
#phone .display a {color: #fff; text-decoration: none;}
#phone .display a.sel {color: #ff9d36;}
#phone .display span {display: inline-block; width: 20px;}
#phone .keyboard {}
#phone .navig {margin-left: 24px; font-size: 12px;}
#phone .navig .up {background: url('/art/arr_up.gif') 0 0 no-repeat; padding-left: 24px; margin-top: 22px;}
#phone .navig .now {background: url('/art/arr_right.gif') 0 2px no-repeat; padding-left: 24px; margin-top: 12px;}
#phone .navig .find {background: url('/art/arr_right.gif') 0 6px no-repeat; padding-left: 24px; margin-top: 14px;}
#phone .navig .find .bord {border: 1px solid #eee; background: #4c4c4c; width: 150px; height: 21px; position: relative;}
#phone .navig .find input {position: absolute; left: 2px; top: 2px; background: #4c4c4c; border: none; width: 125px; color: #eee;}
#phone .navig .find .btn {position: absolute; right: 0; top: 0; width: 21px; height: 21px; background: #ff9d36 url('/art/arr_search.gif') center center no-repeat;}

/* middle */
#menu {overflow: hidden; zoom: 1;}
#menu li {float: left; padding: 20px 25px 10px 25px;}
#menu li.first {padding-left: 0;}
#menu li.sel {background: #878787;}
#menu li.sel a {color: #fff;}
#menu ul {position: absolute; margin: 10px 0 0 -9999px;}
#menu li:hover.sub {background: #444;}
#menu li:hover.sel {background: #878787;}
#menu li:hover a {color: #fff;}
#menu li:hover ul {margin-left: -25px;}
#menu li ul li {float: none; padding: 10px 25px; background: #6b6b6b; border-top: 1px solid #333; font-size: 12px;}
#menu li ul li a {color: #fff; text-decoration: none;}
#menu li ul li a:hover {text-decoration: underline;}

#prog_list {border-collapse: collapse; width: 100%;}
#prog_list th {padding: 0 0 2px 0; width: 50px; font: 16px georgia;}
#prog_list td {padding: 3px 0 2px 0;}
#prog_list td.prog {padding: 0 20px 2px 0; font: bold 16px georgia; width: 110px; white-space: nowrap;}
#prog_list td.head {padding: 40px 0 5px 0; width: 50px; font: 20px georgia;}
#prog_list td.head div {border-bottom: 1px dotted #999; padding-bottom: 7px;}

#news li {margin-bottom: 30px;}
#news .date {margin-top: 4px; font-size: 11px; color: #bcbcbc;}
#news .title {font: 18px georgia;}
#news .annotation {margin-top: 12px;}

#dinamic_list li {padding: 0 0 4px 13px; background: url('/art/bull.gif') 0 6px no-repeat;}
#dinamic_list h2 {margin-top: 30px;}

#proglist_sort {overflow: hidden; zoom: 1; margin-bottom: 30px;}
#proglist_sort div {float: left; padding-top: 3px;}
#proglist_sort ul {overflow: hidden; zoom: 1; padding-left: 10px;}
#proglist_sort ul li {float: left; margin-left: 10px; padding: 3px 8px;}
#proglist_sort ul li.sel {background: #605f5f;}
#proglist_prog {overflow: hidden; zoom: 1;}
#proglist_prog ul {float: left; width: 28%; margin-right: 4%;}
#proglist_date div {font: 18px georgia; padding-bottom: 7px; margin-bottom: 5px; border-bottom: 1px dotted #999;}
#proglist_date ul {overflow: hidden; zoom: 1; margin-bottom: 30px;}
#proglist_date ul li {float: left; width: 28%; margin-right: 4%;}

#download_last {margin-bottom: 40px;}
#download_last .oval {overflow: hidden; zoom: 1;}
#download_last .oval .part {float: left; height: 118px;}
#download_last .oval .col1 {background: url('/art/oval_rpt.png') 0 0 repeat-x; padding-right: 25px;}
#download_last .oval .col1 a {color: #fff;}
#download_last .oval .col1 a:hover {color: #ff9d36;}
#download_last .oval .col1 span {color: #bcbcbc; font-size: 11px; display: inline-block; padding-left: 10px;}
#download_last .oval .col1 .jar {background: url('/art/ico_file.png') 0 16px no-repeat; padding: 15px 0 0 40px; line-height: 1.6em;}
#download_last .oval .col1 .zip {background: url('/art/ico_zip.png') 0 16px no-repeat; padding: 20px 0 20px 40px;}
#download_last .oval .col2 {background: #eee; width: 220px;}
#download_last .oval .col2 .head {font: 28px georgia; color: #469507; padding: 13px 3px 0 3px;}
#download_last .oval .col2 .text {font: 14px georgia; color: #000; padding: 4px 3px 0 3px;}
#download_last .comment {background: url('/art/ico_comment.png') 24px 18px no-repeat; padding: 23px 0 10px 61px;}
#download_last .changes {margin-top: 30px;}
#download_last .changes li {padding: 0 0 4px 13px; background: url('/art/bull.gif') 0 6px no-repeat;}

#download_table {border-collapse: collapse;}
#download_table .file_annotation ul {position: absolute; border: 1px solid #999; background: #605f5f;
	color: #eee; padding: 5px 9px; font-size: 11px; margin: -10px 0 0 -9999px; width: 400px; z-index: 10;}
#download_table .file_annotation li {margin: 3px 0;}
#download_table .file_annotation:hover ul {margin-left: 120px;}
#download_table a {color: #fff;}
#download_table a:hover {color: #ff9d36;}
#download_table th {padding: 0 30px 6px 0; font-size: 18px;}
#download_table td {padding: 3px 30px 3px 0; border-top: 1px dotted #999;}
#download_table td div {margin-top: 2px; color: #bcbcbc; font-size: 11px;}

#forums {}
#forums .block {margin-bottom: 40px;}
#forums .block h2 span {font: 16px arial; color: #bbb; padding-left: 10px;}
#forums .active {background: url('/art/ico_comment.png') 0 0 no-repeat; padding: 5px 0 7px 37px;}
#forums li {padding: 0 0 4px 13px; background: url('/art/bull.gif') 0 6px no-repeat;}

#forum {margin-bottom: 50px;}
#forum ol {margin-left: 40px;}
#forum ol li {padding-top: 30px;}
#forum ol li .date {font-size: 11px; color: #bcbcbc;}
#forum ol li .name {font: 18px georgia;}
#forum ol li .name_boss {font: 24px georgia; color: #ffbf7b;}
#forum ol li .phone, #forum ol li .phone a {color: #bcbcbc;}
#forum ol li .phone_no, #forum ol li .phone_no a {color: #f99;}
#forum ol li .phone_yes, #forum ol li .phone_yes a  {color: #afa;}
#forum ol li .msg {margin-top: 7px; padding-top: 4px; border-top: 1px dotted #999;}
#forum .page {margin: 20px 0;}

#forum_add {border-collapse: collapse; width: 100%;}
#forum_add th {width: 150px; padding: 3px 0 10px 0;}
#forum_add td {padding: 0 0 10px 0;}
#forum_add .text {width: 200px;}
#forum_add .comment {background: #605f5f; padding: 10px 15px; font-size: 11px; margin: 0;}
#forum_add .comment div {margin-top: 5px;}
#forum_add .work {font-size: 11px; margin-top: 2px;}
#forum_add textarea {width: 100%; height: 150px;}

.forum_subscr {display: inline-block;}
.forum_subscr_form {position: absolute; margin-top: 18px; background: #555; display: none; width: 310px;}
.forum_subscr_form .text {background: #4c4c4c; border: 1px solid #eee; font-size: 11px; color: #eee;}
.forum_subscr_form table {margin: 10px 0 0 10px; border-collapse: collapse;}
.forum_subscr_form th {padding: 3px 10px 10px 0;}
.forum_subscr_form td {padding: 0 10px 10px 0;}
.forum_subscr_form div {margin: 10px; font-size: 11px;}

#forum_subscr_form {margin: 10px 0 0 10px; border-collapse: collapse;}
#forum_subscr_form th {padding: 3px 10px 10px 0;}
#forum_subscr_form td {padding: 0 10px 10px 0;}

#phones_vendors {overflow: hidden; zoom: 1;}
#phones_vendors ul {float: left; width: 23%; margin-right: 2%;}
#phones_vendors li {padding: 0 0 4px 13px; background: url('/art/bull.gif') 0 6px no-repeat;}

#phones_models {overflow: hidden; zoom: 1;}
#phones_models ul {float: left; width: 31%; margin-right: 2%;}
#phones_models li {padding: 0 0 4px 13px; background: url('/art/bull.gif') 0 6px no-repeat;}

#phone_model {}
#phone_model .phone_div {border-collapse: collapse; float: left;}
#phone_model .phone_div td {padding: 0;}
#phone_model .phone_div img {vertical-align: bottom;}
#phone_model .phone_div .ct, .phone_div .cb {width: 15px; background: #fff;}
#phone_model .phone_div .lm, .phone_div .rm {height: 15px; background: #fff;}
#phone_model .phone_div .lt {width: 15px; height: 15px; background: url('/art/phone_div.gif') top left;}
#phone_model .phone_div .rt {width: 15px; height: 15px; background: url('/art/phone_div.gif') top right;}
#phone_model .phone_div .lb {width: 15px; height: 15px; background: url('/art/phone_div.gif') bottom left;}
#phone_model .phone_div .rb {width: 15px; height: 15px; background: url('/art/phone_div.gif') bottom right;}
#phone_model .text {margin-left: 240px;}
#phone_model .h2 {margin: 20px 0 0 0;}
#phone_model .jar {background: url('/art/ico_file.png') 0 16px no-repeat; padding: 15px 0 0 40px; line-height: 1.6em;}
#phone_model .zip {background: url('/art/ico_zip.png') 0 16px no-repeat; padding: 20px 0 20px 40px;}
#phone_model .jar span, #phone_model .zip span {color: #bcbcbc; font-size: 11px; display: inline-block; padding-left: 10px;}

#phone_comment {margin-top: 40px;}
#phone_comment ol {margin-left: 40px;}
#phone_comment ol li {padding-top: 30px;}
#phone_comment ol li .date {font-size: 11px; color: #bcbcbc;}
#phone_comment ol li .name {font: 18px georgia;}
#phone_comment ol li .name_boss {font: 24px georgia; color: #ffbf7b;}
#phone_comment ol li .phone, #phone_comment ol li .phone a {color: #bcbcbc;}
#phone_comment ol li .phone_no, #phone_comment ol li .phone_no a {color: #f99;}
#phone_comment ol li .phone_yes, #phone_comment ol li .phone_yes a  {color: #afa;}
#phone_comment ol li .msg {margin-top: 7px; padding-top: 4px; border-top: 1px dotted #999;}

#phone_comment_form {margin-top: 40px;}
#phone_comment_form table {border-collapse: collapse; width: 100%;}
#phone_comment_form th {width: 150px; padding: 3px 0 10px 0;}
#phone_comment_form td {padding: 0 0 10px 0;}
#phone_comment_form .comment {background: #605f5f; padding: 10px 15px; font-size: 11px; margin: 0;}
#phone_comment_form .text {width: 200px;}
#phone_comment_form textarea {width: 100%; height: 150px;}

#about .img  {float: left; margin-right: 30px; border: 1px solid #000;}

#screenshot {overflow: hidden; zoom: 1;}
#screenshot li {float: left; margin: 0 20px 20px 0; padding: 0; background: none;}
#screenshot img {border: 1px solid #000; vertical-align: bottom;}
#screenshot div {text-align: center; padding: 8px 0; background: #605f5f; font-size: 12px;}

/* bottom */
#bottom {background: #605f5f; font-size: 11px;}
#bottom a {color: #ffbf7b;}
#bottom .developer {float: right; margin: 21px 12px 0 0;}
#bottom .source {padding: 7px 0 0 12px;}
#bottom .links {margin: 0 0 0 12px;}
#bottom .links a {color: #eee;}
#bottom .counters {position: absolute; left: -400px;}

/* PAGE */
.page {font-size: 16px; padding-bottom: 15px; margin-top: 40px;}
.page div.quiq {font-size: 16px; padding: 10px 0;}
.page div.quiq span {color: #aaa;}
.page ul li {float: left; padding: 3px 8px; margin-right: 3px;}
.page ul li.act {background: #605f5f; padding: 3px 8px;}