/* � ���� ����� ����������� css, ����������� ��� ����: � ������ �������, ��� ���������� */

body      { margin: 0; padding: 0; background: #fff; color: #444; font-family: Arial, Tahoma, sans-serif; }
table     { border: none; border-collapse: collapse; }
td        { vertical-align: top; padding: 0; }

ul, li, dl, dd, dt { margin: 0; padding: 0; list-style: none; }

img       { border: none; }
img.block { display: block; }
img.1x1   { width: 1px; height: 1px; border: none; visibility: hidden; display: block; }

.label,
label   { cursor: pointer; cursor: hand; }

form { padding: 0; margin: 0; }

hr   { height: 1px; border: none; color: #aaa; background: #aaa }
b    { font-weight: bold; }

h1, h2, h3, h4, h5, h6 { padding: 0; line-height: 1.2; margin: 1em 0 .5em; }
h1 { margin: 0; /*font-family: "Arial Narrow";*/ color: #000; font-size: 110%; }
h2 { font-size: 100%; color:#666; }
h3 { font-size: 95%;  color:#999; line-height: 1.3; /*font-family: "Arial Narrow";*/ }
h4 { font-size: 80%;  color:#444; margin: .5em 0; }
h5 { font-size: 13px; color:#666; }
h6 { font-size: 11px; color:#444; }

.hidden,
.invisible  { display: none; }
.visible    { display: normal; }

.bottom     { vertical-align: bottom; }
.middle     { vertical-align: middle; }
.center     { text-align: center; }
.right      { text-align: right; }
.nowrap     { white-space: nowrap; }
.w100       { width: 100%; }
.fl         { float: left; }
.fr         { float: right; }
.fn         { float: none; }

.noborder { border: none !important; }

/* edit-in-place */
.edit-in-place { border:1px dashed #CCC; padding: 3px; margin: 5px 0; }
.edit-in-place .edit-in-place-link- { text-align: right; font-size: 11px; }
.edit-in-place .edit-in-place-link- a:link,
.edit-in-place .edit-in-place-link- a:visited { color: #CCC; }
.edit-in-place .edit-in-place-link- a:hover   { color: #c30; text-decoration: underline; }
.edit-in-place .edit-in-place-link- a:active  { color: #f00; }

/* edit-one-click */
.edit-one-click           { font-size: 11px; border: 1px #666 dashed; padding: 3px; margin: 5px; width: 1%; white-space: nowrap; }
.edit-one-click a:link,
.edit-one-click a:visited { color: #666; }
.edit-one-click a:hover   { color: #c30; text-decoration: underline; }
.edit-one-click a:active  { color: #f00; }

/* ��������������� ��� ������� */
table.set td  { border:1px #aaa dashed; } 
.set          { border:1px #000 dashed; }


/* ������� ������ */ 
/* ICONS =========================================================================== */

img.broken     { width: 12px; height: 15px; border: none; display: none; }
img.foreign    { width: 30px; height: 15px; border: none; margin: 0 2px; }
img.foreignacc { width: 15px; height: 15px; border: none; }
img.account    { width: 15px; height: 15px; border: none; }
img.account0   { width: 11px; height: 12px; border: none; margin: 3px 2px 0; }
img.account1   { width: 18px; height: 20px; border: none; }
img.account2   { width: 18px; height: 18px; border: none; }
img.web        { width: 7px;  height: 7px;  border: none; margin: 2px 2px 0; vertical-align: middle; }
img.mail       { width: 10px; height: 7px;  border: none; margin: 2px 2px 0; vertical-align: middle; }

/* ACTIONS -- ����������� ��� ��������� � ����, ��? ��� � ����� ??? ================ */

/* for include */
.include_title { text-align: right; font-size: 10px; }
.include_body { }
.include { background-color: #f8f8f8; padding: 8px; }
.include .include { background-color: #e8e8e8; }
.include .include .include { background-color: #d8d8d8; }


.nobr { white-space: nowrap; }


/* ����-���������  ===============================================================   */
form { padding: 0; margin: 0; }
.wh100 { width:100%; height: 500px; }
.alert { color: #CD3333; font-weight: bold; font-size: 11px; }
span.alert { font: bold .9em Tahoma, sans-serif; margin-left: .2em;}
ul.alert { padding-top: 0; margin-top: 0; padding-bottom: 0; margin-bottom: 0; }
.modified { border-color: #f66 }

/* ��������� ���� (��� �����) */
.form-group { }
.form-group-title-current,
.form-group-title        { cursor: pointer; cursor: hand; padding: 4px 3px 5px 7px; background: #ccc; color: #666; font: 11px/1.3 Tahoma, Arial, sans-serif; border: none; border-top: 4px solid #CD3333; }
.form-group a { border-bottom-width: 1px; }
.form-group-title-hidden-current,
.form-group-title-hidden { cursor:pointer; cursor:hand; margin-bottom:2px; padding:3px 3px 3px 7px; color:#fff; background: #CD3333; font: 11px Tahoma, Arial, sans-serif; }
.form-group-title-current        { background:#FEC14C; color: #69646A; }
.form-group-title-hidden-current { background:#FEC14C; color: #69646A; }
.form-group-body        { color:#444; margin: 10px 0; }
.form-group-body-hidden { color: #444; display: none; }
.form-left  { width: 33%; color: #666; font-size: 75%; vertical-align: top; text-align: right; font-weight: bold; padding: 3px 1em 3px;}
.form-right { width: 67%; color: #666; font: 80%/1.3 Tahoma, sans-serif; vertical-align: top; text-align: left; padding: 3px 0;}
html>body .form-right {padding-right: 5px;}

.form-password-repeat { margin-top: 6px; }

.form-horiz { width: 33%; color: #666; font-size: 80%; vertical-align: top; text-align: left; }
.form-wide  { color:#666; font-size: 11px; vertical-align: top; text-align: left; }
.form-span-name { font-weight: bold; font-size: 100%; }
.form-border {}
.form-desc { margin: 0 2px 10px 0; color: #888; font: 90%/1.3 Tahoma, sans-serif; }
.form-right table { font-size:1em }
.form-right-t     { color: #666; vertical-align: middle; }
.form-wrapper-left { vertical-align: middle; padding: 1px 5px 1px 15px; }

.form-group-title-hidden a:link,
.form-group-title-hidden a:visited { color:#fff; }
.form-group-title-hidden a:active,
.form-group-title-hidden a:active  { color:#fde88b; }


/* added by kuso@npj 16.11.2004 */
.form-group .highlighted- { background:#ffc; }
.form-smaller { font-size: 60%; color: #999; }


/* ��������� ������������� ��� ������ � ���������� */
.items-all- select { font-size: 11px; }
.items- select {  }

/* ������ (��� �����) */
.form-buttons-top .form-left,
.form-buttons .form-left { text-align: left; }
.form-buttons { border-top: 5px solid #ddd; }

.DeleteBtn, .DeleteBtn- { color:#200000; cursor: pointer; cursor: hand; height: 40px; width: 210px; }
.DeleteBtn  { background: #f2c9c3; }
.DeleteBtn- { background: #fff6bc; }

.InsertBtn, .InsertBtn- {color: #002000; cursor: pointer; cursor: hand; height: 40px; width: 210px;}
.InsertBtn  { background: #ffe9b0; }
.InsertBtn- { background: #fff6bc; }

.UpdateBtn, .UpdateBtn- { color: #002000; cursor: pointer; cursor: hand; height: 40px; width: 210px; }
.UpdateBtn  { background: #c9e3f2; }
.UpdateBtn- { background: #fff6bc; }

.CancelBtn, .CancelBtn- { color: #fff; cursor: pointer; cursor: hand; font-size: 10px; height: 40px; width: 150px; }
.CancelBtn  { background: #db7171; }
.CancelBtn- { background: #cc3300; }

.InsertBtnSmall, .InsertBtnSmall- { color: #002000; cursor: pointer; cursor: hand; font-size: 10px; height: 20px; width: 180px; }
.InsertBtnSmall  { background: #ffe9b0; }
.InsertBtnSmall- { background: #fff6bc; }

.UpdateBtnSmall, .UpdateBtnSmall- { color:#002000; cursor:pointer; cursor:hand; font-size:10px; height:20px; width: 180px; }
.UpdateBtnSmall  { background:#c9e3f2; }
.UpdateBtnSmall- { background:#fff6bc; }

.CancelBtnSmall, .CancelBtnSmall-  { color: #fff; cursor: pointer; cursor: hand; font-size: 10px; height: 20px; width: 100px; }
.CancelBtnSmall  { background:#db7171; }
.CancelBtnSmall- { background:#c30; }

.LogoutBtn, .LogoutBtn- { color:#666; cursor: pointer; cursor: hand; font-size: 10px; height: 20px; }
.LogoutBtn  { background:#ccc; }
.LogoutBtn- { background:#ddd; }

/* ��������� �� ������� (��� �����) */
.resultsok, .resultsbad, .resultsnone {font-size: 11px; font-weight: bold; padding: 5px;}
.resultsok   { color: #2b8f2b; border: 1px solid #2b8f2b; background: #dbffdb; }
.resultsbad  { color: #980d0d; border: 1px solid #980d0d; background: #ffebeb; }
.resultsnone { color: #666;    border: 1px solid #666;    background: #eee; }

.okBorder, .okSmall {font-size: xx-small; font-weight: bold;}
.okBorder       { background: #3c6; color: #fff;  }
.okSmall        { background: #efe; color: #3c6; }
.okBody         { font-size: 11px; font-weight: bold; color: #3c6; background: #efe; }
.disabledBorder { background: #999; }
.disabledBody   { font-size: 17px; font-weight: bold; color: #999; background: #eee; }

/* ��������� ��� ������� */
/* __ means this block is in some other block */
.friends_checkbox,
.friends_checkboxCHECKED { text-align: center; padding: 2px 7px; }
.friends_checkboxCHECKED { background:#ccb; }
.friends_group_nameCHECKED { font-size: 80%; color:#222; background:#ccb; }
.friends_group_name      { font-size: 80%; color: #444; padding-left: 5px; }
.friends_group_all       { font-size: 100%; font-weight: bold; }
.friends_group_none      { color: #999; padding: 20px; font-size: 70%; }
.friends_text            { font-size: 90%; margin: 20px 50px; }
.friends__hint           { font-size: 90%; color: #999; margin-top: 7px; }
.friends_group_list      { width: 150px; background-color: #efefef; }
.friends_group_title     { font: bold 11px Tahoma, Arial, sans-serif; }
.friends_group_fieldset INPUT { margin: 5px; }
.friends_group_legend    { color: #666; font: 80% Georgia, Times, serif; }
.friends_selector        { margin-left: 10px; margin-bottom: 20px; }


table.friends_join td { font-size: 90%; color: #444; }
table.friends_grid {} /* � ����������� THEAD, TBODY, TGRID */
table.friends_grid thead td { padding: 3px 5px; background: #e0e0d0; font: bold 11px Tahoma, Arial, sans-serif; }
table.friends_grid thead td .friends_titles { width: 60px; text-align: center; font: bold 11px Tahoma, Arial, sans-serif; }
table.friends_grid tbody td { font-size: 80%; color:#444; }
table.friends_grid tfoot td { font-size: 70%; color:#444; }


/* ��������� ��� �������� */
table.edit_usermenu thead td { font-size: 70%; font-weight: bold; color: #666; }
table.edit_usermenu tbody td { font-size: 75%; color: #666; }
table.edit_usermenu .hr_ { background-color: #ccc; }
table.edit_usermenu tfoot small { font-size: 75%; }


/* ��������� �����/������� */
td.login       { font-size: 90%; color: #444; }
div.login      { text-align: center; padding: 5px; font-size: 90%; font-weight: bold; color: #444; }
div.login2     { text-align: left; padding: 0 20px; width: 400px; font-size: 80%; color: #666; }
td.login-block { padding: 5px; text-align: center; }

/* vseedit toolbar */
.toolbar tr { background: ButtonFace; }
.toolbar .btn-,
.toolbar .btn-hover,
.toolbar .btn-active,
.toolbar .btn-pressed { background: ButtonFace; color: ButtonText; border: 1px solid ButtonFace; padding: 1px;  margin: 0; cursor: pointer; cursor: hand;}
.toolbar img { width: 20px; height: 20px; }
.toolbar .btn-hover { border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; }
.toolbar .btn-active,  .toolbar .btn-pressed { border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; }
.toolbar .btn-pressed { background: ButtonHighlight; }
.edname-w, .edname-r, .edname-s { font: bold 14px Arial; border: 3px solid #D4D0C8; padding: 0 7px; color: #fff; vertical-align: middle;}
.edname-w { background: #1E9905; }
.edname-r { background: #2A45D0; }
.edname-s { background: #D08C2A; }
.toolbar a:link,
.toolbar a:visited { color: #000; }
.toolbar a:hover,
.toolbar a:active  { color: #a00; }

/* tricky */
#formcommentsan {display: none;}