/*****************************************************************************\
   Basics
\*****************************************************************************/

html {
margin: 0px;
padding: 0px;
}
body {
margin: 0px;
padding: 0px;
font: 13px Tahoma;
color: #8d8d8d;
}
a.button {
border-radius: 3px;
background: #ef8e37 url('/res/images/interface/btn_bg.png') repeat-x;
line-height: 26px;
padding: 5px 16px;
text-decoration: none !important;
font-weight: bold;
color: #fff;
}
a.button:hover {
color: #fff;
}
a.essential_button {
background: #ef563c url('/res/images/interface/essential_btn_bg.png') no-repeat 50% 0%;
}
a.add_button {
display: block;
background: url(/res/images/bgr_add0.gif) no-repeat top left;
color:#fff;
width:217px;
height:19px;
padding-top: 2px;
text-align:center;
float:left;
margin-right:20px;
/*margin-top: 10px;*/
text-decoration:none;
cursor: pointer;
}
a.add_button:hover {
color:#fff;
}
a.readmore_link {
padding-left: 20px;
background: url('/res/images/interface/categories_tree_opened.png') no-repeat;
}
td {
vertical-align: top;
font-size: 13px;
}
h1, .h1, h2, .h2 {
font-size: 18px;
font-weight: normal !important;
color: #ff8f0f;
}
h2.slim {
margin-bottom: 2px !important;
}
h1 small, .h1 small, h2 small, .h2 small {
vertical-align: middle;
font-size: 14px;
}
h1 a, h2 a {
color: #ff8f0f;
}
h1 small, h1 .small {
font-size: 14px;
}
h1 .dark {
color: #8d8d8d;
}
h1 .task_type {
display: none;
}
.h1_misc {
float: right;
line-height: 18px;
}
h3 {
margin: 4px 0px 2px 0px; /* top=18px */
padding: 0px;
padding-bottom: 2px;
/*border-bottom: 1px dotted #8d8d8d;*/
}
h3 small {
font: normal 12px Tahoma;
}
hr {
border: 0px;
/*border-bottom: 1px dotted #cccccc;*/
margin-bottom: 12px;
}
hr.primary {
border-bottom: 1px dotted #cccccc;
}
small {
font: normal 10px Tahoma;
}
small.tiny {
font-size: 11px !important;
}
label.checkbox_label:hover {
cursor: pointer;
text-decoration: underline;
}
p, .p {
margin: 0px 0px 12px 0px;
padding: 0px;
}
p.alone {
margin-top: 12px;
}
.essential {
background-color: #fff5d2;
border-radius: 5px;
padding: 8px 12px;
margin-left: -12px;
}
p.last {
margin-bottom: 0px;
}
p.slim {
margin-bottom: 4px;
}
p.split {
margin-bottom: 2px;
}
a img {
border: 0px;
}
ul.former {
list-style-type: none;
margin: 0px 0px 12px 0px;
padding: 0px;
}


/*****************************************************************************\
   Interface
\*****************************************************************************/

.all {
margin: 0px auto;
width: 1000px;
}

.topline {
width: 100%;
height: 33px;
}
.topline .home {
padding: 5px 0px 0px 21px;
}
.infoline {
float: right;
padding: 10px 24px 0px 4px;
text-align: right;
font-size: 11px;
}
.infoline, .infoline a {
color: #ccc;
}
.topline .userpanel {
float: right;
min-width: 140px;
padding: 0px 49px 0px 0px;
white-space: nowrap;
}
.topline .userpanel .body {
padding: 10px 10px 0px 10px;
background: url('/res/images/interface/userbar_bg.png') repeat-x;
font: 11px Tahoma;
color: #8d0000;
}
.topline .userpanel .body a {
color: #f0911c;
}
.topline .userpanel .body a.former {
text-decoration: none;
color: #8d0000;
}.topline .userpanel .body a.former:hover {
text-decoration: underline;
/*color: #f0911c;*/
}

.logoline {
width: 100%;
height: 114px;
}
.logoline .logo {
padding-left: 30px; /* 52 */
}
.logoline .logo img {
position: relative;
top: -5px;
}
.logoline .rightfromlogo {
padding-right: 47px;
/*text-align: right;*/
padding-left: 20px;
padding-top: 40px;
}

/*.menubar {
height: 31px;
padding-left: 44px;
}
.menubar .menu {
height: 31px;
}
.menubar .menu td {
background: url('/res/images/interface/menu_item_bg.jpg') no-repeat;
width: 152px;
text-align: center;
font: bold 13px Tahoma;
color: #ffffff;
}
.menubar .menu td a {
display: block;
margin: 0px 5px;
padding: 5px 0px;
text-decoration: none;
color: #ffffff;
}
.menubar .menu td a:hover {
background: url('/res/images/interface/menu_item_bg_hover.png') no-repeat -5px 0px !important;
}
.menubar .menu td.active {
background: url('/res/images/interface/active_menu_item_bg.png') no-repeat;
}
.menubar .menu td.active a {
color: #8d8d8d;
}
.menubar .menu td.active a:hover {
background: none !important;
}
.menubar .submenu {
margin: 0px 5px 0px 6px;
padding: 5px 12px;
background-color: #f2f2f2;
font: bold 13px Tahoma;
color: #8d8d8d;
border: 1px solid #d3d3d3;
border-top: 0px;
}
.menubar .submenu a {
text-decoration: none;
color: #8d8d8d;
margin-right: 18px;
}
.menubar .submenu a:hover {
text-decoration: underline;
}
.submenu a.active {
text-decoration: underline;
color: #ff8f0f;
}*/
#i_menubar {
height: 31px;
padding-left: 44px;
}
#i_menubar .menu_group {
float: left;
}
#i_menubar .menu_group:hover .menu_item {
background: url('/res/images/interface/menu_item_bg_hover2.png') no-repeat 0px 0px;
color: #d43604;
}
#i_menubar .menu_group:hover .submenu {
display: block;
}
#i_menubar .menu_item {
background: url('/res/images/interface/menu_item_bg.jpg') no-repeat -5px 0px;
width: 142px;/*152*/
text-align: center;
font: bold 13px Tahoma;
color: #ffffff;
display: block;
margin: 0px 5px -5px 5px;
padding: 5px 0px;
text-decoration: none;
color: #ffffff;
}
#i_menubar .menu_item:hover {

}
#i_menubar .submenu {
position: absolute;
display: none;
background-color: #fff5cf;
border: 1px solid #fde09c;
border-radius: 3px;
box-shadow: 2px 2px 5px #aaa;
margin-top: 10px;
margin-left: 5px;
min-height: 50px;
min-width: 150px;
padding: 10px 20px 15px 10px;
}
#i_menubar .submenu .joiner {
width: 141px;
height: 10px;
margin-top: -20px;
margin-bottom: 10px;
margin-left: -11px;
/*background-color: red;*/
background: url('/res/images/interface/menu_item_bg_hover2.png') no-repeat 0px -5px;
}
#i_menubar .submenu ul {
margin: 5px 0px 0px 20px;
padding: 0px;
}
#i_menubar .compact_menu {
margin: 0px 0px 12px 12px;
padding: 0px;
}
#i_menubar .compact_menu li {
margin: 2px 0px;
}
.content {
padding: 10px 49px 0px 50px;
}
.footer {
clear: both;
padding: 0px 49px 10px 50px;
}
.footer .win {
width: 100%;
padding-top: 20px;
}
.footer .body {
background: url('/res/images/interface/foot_bg.png') repeat-x;
padding-top: 11px;
}
.footer .body a {
margin-right: 14px;
text-decoration: none;
font: bold 13px Tahoma;
color: #ffffff;
}
.footer .body a:hover {
/*border-bottom: 1px solid #f9c068;*/
}
#i_statusbar {
position: fixed;
bottom: 0px;
right: 0px;
max-width: 400px;
}
#i_statusbar ._body {
background-color: #fff5cf;
border: 1px solid #fde09c;
border-radius: 3px;
box-shadow: 2px 2px 5px #aaa;
margin-right: 40px;
padding: 10px 20px;
}
/*#i_statusbar .hepler:after {
content: '<div class="tail"></div>';
}*/
#i_statusbar ._tail {
width: 22px;
height: 12px;
background: url('/res/images/interface/statusbar_tail.png');
margin: -1px 0px 0px 40px;
}
#i_afterall {
padding: 0px 49px 20px 50px;
}

.leftside .heavy_win {
background: url('/res/images/interface/left_heavywin_filler.png') repeat-y;
margin-bottom: 12px;
}
.leftside .heavy_win .helper1 {
background: url('/res/images/interface/left_heavywin_up.png') no-repeat;
}
.leftside .heavy_win .helper2 {
background: url('/res/images/interface/left_heavywin_down.png') no-repeat left bottom;
padding: 12px 14px;
}
.leftside .heavy_win h2 {
margin: 0px 0px 8px 0px;
padding: 0px;
font: bold 14px Tahoma;
font-weight: bold !important;
color: #d43604;
}
.leftside .heavy_win h2 a {
color: #d43604;
}
.leftside .heavy_win input.text {
width: 100px;
}
.leftside .login {
position: relative;
left: -38px;
top: -15px;
height: 130px;
background: url('/res/images/interface/login_bg.png') no-repeat;
/*border: 1px solid red;*/
}
.leftside .login .helper {
box-sizing: border-box;
height: 130px;
position: relative;
left: 38px;
top: 15px;
padding: 10px 40px 0px 14px;
/*border: 1px solid green;*/
background: url('/res/images/interface/login_bg2.png') no-repeat;
color: #848484;
}
.leftside .heavy_win h1 {
margin: 0px 0px 8px 0px;
}
.leftside .login p {
/*border: 1px dotted red;*/
margin: 0px;
margin-bottom: 10px;
font: 9px Tahoma;
}
.leftside .login p.submit {
text-align: right;
}
.leftside .login input.text {
margin: 2px 0px;
padding: 0px;
width: 142px;
height: 17px;
/*border: 1px solid #c1c1c1;*/
font-size: 11px;
}
.leftside .login input.submit {
width: 74px;
height: 16px;
/*background: url('/res/images/interface/login_btn.png') no-repeat;*/
}
.loading {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
/*border: 4px solid red;*/
background: #ffffff url('/res/images/interface/loading.gif') no-repeat 50% 50%;
opacity: .5;
}

/*****************************************************************************\
   Content
\*****************************************************************************/

a {
color: #8d8d8d;
}
a:hover {
color: #585657;
}
a.iconic {
background-position: 0px 3px;
background-repeat: no-repeat;
padding: 2px 0px 2px 18px;
}
a.add {
background-image: url('/res/images/icons/yes.png');
}
a.featured {
background-image: url('/res/images/icons/selected.png');
background-position: 0px 2px;
}
a.batch {
background-image: url('/res/images/icons/batch.png');
}
a.no {
background-image: url('/res/images/icons/no.png');
}
a.yes {
background-image: url('/res/images/icons/done.png');
}
a.iconic_prev {
background-image: url('/res/images/icons/prev.png');
}
a.report_link {
background-image: url('/res/images/icons/report.png');
padding-left: 20px;
}
img.icon {
vertical-align: middle;
margin-right: 2px;
}
img.icon_16 {
max-height: 16px;
}
img.restricted {
max-width: 500px;
}
img.userpic {
margin: 2px 0px;
max-width: 120px;
max-height: 120px;
}
p {
font-size: 12px;
}
p.joined {
margin-top: -12px;
}
p.leftsided {
float: left;
padding-right: 8px;
}
p.orders {
float: right;
padding-top: 10px;
}
p.orders a {
/*margin-left: 10px;*/
}
form {
margin: 0px;
padding: 0px;
}
input.small {
border: 0px;
background: url('/res/images/interface/small_btn.png') no-repeat;
width: 72px;
height: 17px;
font: normal 11px Tahoma;
color: #ffffff;
cursor: pointer;
}
input.big  {
width: 400px;
}
input.file {
width: 240px;
}
input.medium {
width: 240px;
}
input.radio, input.checkbox {
vertical-align: middle;
position: relative;
top: 1px;
}
input.password {
width: 80px;
}
input.sample {
width: 200px;
font: 12px Courier New;
}
input.copypaste {
width: 90%;
font: 12px Courier New;
}
/*input.phone {
background-image: url('/res/images/interface/plus_char.png');
background-repeat: no-repeat;
background-position: 3px 6px;
padding-left: 14px;
}*/
input.button {
cursor: pointer;
}
input.submit {
border: 0px;
background: url('/res/images/edit_but.gif') no-repeat;
width: 157px;
height: 21px;
font: bold 12px Verdana;
color: #ffffff;
cursor: pointer;
}
input.tiny {
width: 50px;
}
select.color {
width: 100px;
}
textarea.standart {
width: 300px;
height: 50px;
}
textarea.big {
width: 400px;
height: 120px;
}
textarea.comment {
width: 100%;
height: 90px;
}
textarea.huge {
width: 600px;
height: 340px;
}
select.groups {
width: 180px;
}
label {
margin-left: 1px;
margin-right: 10px;
vertical-align: middle;
}
ul.compact {
margin: 0px;
padding: 0px;
padding-left: 14px;
margin-bottom: 4px;
}
ul.compact li {
margin: 0px;
padding: 2px 0px;
}
ul.rich {
list-style-type: none;
margin-left: 20px;
font-size: 14px;
font-weight: bold;
}
ul.rich li {
margin: 4px 0px;
}
p.add_buttons {
height: 40px;
}
.add_contact_btn {
float: left;
display: block;
margin-right: 12px;
width: 132px; /* 142 */
height: 19px; /* 21 */
padding-left: 10px;
padding-top: 2px;
border: 0px;
background: #21a401 url('/res/images/interface/add_contact_btn.png') no-repeat;
text-decoration: none;
color: #ffffff;
}
.add_contact_btn:hover {
color: #ffffff;
}
.add_contact_btn2 {
float: left;
display: block;
margin-right: 12px;
width: 217px; /* 142 */
height: 19px; /* 21 */
padding-top: 2px;
border: 0px;
background: #21a401 url('/res/images/bgr_add0.gif') no-repeat;
text-decoration: none;
color: #fff;
}
.add_contact_btn2:hover {
color: #fff;
}
#audio_player_box {
position: fixed;
bottom: 20px;
right: 40px;
border: 1px solid #e0e0e0;
border-radius: 5px;
background-color: #fff;
padding: 0px 10px 5px 10px;
box-shadow: 3px 3px 5px #e0e0e0;
}
.auth_window {
/*width: 600px;
height: 480px;*/
}
.auth_window iframe {
width: 780px;
height: 320px; /*480*/
overflow: hidden;
}
.autohint {
display: none;
position: absolute;
background-color: #ffffff;
border: 1px solid #e0e0e0;
min-width: 100px;
padding: 2px 4px;
color: #000000;
}
.bad {
color: #be1d08;
}
span.big {
font-size: 130%;
}
.clear {
clear: both;
}
.clickable {
cursor: pointer;
}
.code {
font: 14px Courier New;
padding: 2px 6px;
background-color: #ffffff;
color: #5ab900;
}
.disabled {
text-decoration: line-through;
}
.error {
color: #be1d08;
}
.good {
color: #5ab900;
}
.hidden {
display: none !important;
}
.lite {
color: #ff8f0f;
}
.ok {
color: #5ab900;
}

.balance {
font-weight: bold;
/*margin-left: 4px;
margin-right: 20px;*/
}
.bookmark_panel .add_bookmark_btn {
padding: 1px 0px 1px 19px;
background: url('/res/images/icons/yes.png') no-repeat 0px 2px;
}
.bookmark_panel .remove_bookmark_btn {
padding: 1px 0px 1px 19px;
background: url('/res/images/icons/no.png') no-repeat 0px 2px;
}
.bookmark_panel .list_bookmarks_btn {
margin-left: 12px;
font-weight: bold;
}
.bookmark_panel_small {
display: block;
margin: 0px auto;
}
.bookmark_panel_small .add_bookmark_btn, .bookmark_panel_small .remove_bookmark_btn {
display: block;
padding: 0px;
width: 16px;
height: 18px;
}
.bookmark_panel_small .add_bookmark_btn {
background: url('/res/images/icons/none.png') no-repeat 0px 1px;
}
.bookmark_panel_small .remove_bookmark_btn {
background: url('/res/images/icons/selected.png') no-repeat 0px 1px;
}
.calendar_day {
width: 80px;
text-align: center;
}
.calendar_day .weekday {
font-size: 11px;
}
.calendar_day .day {
font-size: 24px;
font-weight: bold;
}
.calendar_day .month {
margin-top: -2px;
font-size: 14px;
}
.calendar_event .icon {
margin-left: 4px;
}
.calendar_own_event {

}
.calendar_own_event .calendar_public_event {
display: inherit;
}
.calendar_public_event {

}
.categories_overview div.break {
padding-bottom: 6px;
border-bottom: 1px dotted #a0a0a0;
margin-bottom: 12px;
}
.categories_list li.break {
margin-bottom: 12px;
}
.categories_list .selected {
color: #d43604;
font-weight: bold;
/*background-color: #ff8f0f;
color: #fff;
margin: 4px 0x;
padding: 0px 8px;*/
text-decoration: none;
}
.working_day .day, .working_day .month {
color: #505050;
}
.holiday_day .day, .holiday_day .month {
color: #be1d08;
}
.categories_node .categories_node .categories_node {
padding-left: 20px;
}
.categories_tree {
margin-left: 0px;
}
.categories_tree li.primary ul {
font-weight: normal;
}
.categories_tree li.break {
margin-bottom: 10px;
}
.categories_tree .selected2 > span > a {
color: #d43604 ;
}
/*.categories_tree .selected2 ul a {
color: #8d8d8d;
}*/
.categories_tree, .categories_tree ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.categories_tree .no_extender {
padding-left: 18px;
}
.categories_tree ul {
margin-left: 10px;
margin-bottom: 4px;
}
.categories_tree .extender {
float: left;
width: 16px;
height: 16px;
margin-right: 2px;
border: 0px;
background: url('/res/images/interface/categories_tree_closed.png') no-repeat;
cursor: pointer;
}
.categories_tree .extender:hover {
background-image: url('/res/images/interface/categories_tree_closed_hover.png');
}
.categories_tree .opened_extender {
background: url('/res/images/interface/categories_tree_opened.png') no-repeat;
}
.categories_tree .opened_extender:hover {
background-image: url('/res/images/interface/categories_tree_opened_hover.png');
}
/* limit deep */
.leftside ul.categories_tree ul li {
padding-left: 18px;
}
.leftside ul.categories_tree ul li .extender {
display: none;
}
.leftside ul.categories_tree ul ul {
display: none;
}
/* limit deep */
.rich_categories_tree .category_controls, .rich_categories_tree .category_controls a {
font-weight: normal;
color: #ccc;
}
.rich_categories_tree .category_panel:hover > .category_controls a {
color: #8d8d8d;
}
.center,.centered {
text-align: center;
}
.comment_contrib_1 {
color: #5ab900;
}
.comment_contrib_2 {
color: #be1d08;
}
.contact {
width: 100%;
border-collapse: collapse;
}
.contact  td {
vertical-align: middle;
padding: 2px 8px;
}
.contact .avatar {
width: 1%;
padding: 0px;
}
.contact .title {
padding-left: 0px;
}
.contact .title .misc {
margin-left: 20px;
font: 10px Tahoma;
}
.contact .dates {
width: 200px; /* 380 */
padding-top: 0px;
padding-bottom: 0px;
padding-left: 110px;
padding-right: 40px;
}
.contact .dates td {
padding: 0px;
font-size: 11px;
}
.contact .dates .icon {
margin-right: 2px;
}
.contact .actions {
/*border: 1px solid red;*/
width: 140px;
text-align: right;
}
.contact .primary {
text-decoration: none;
color: #585657;
}
.contacts_node .contacts_node .contacts_node {
padding-left: 20px;
/*border: 1px solid red;*/
}
.contact_info {
border-bottom: 1px solid #e0e0e0;
background: url('/res/images/contact_bg.gif') repeat-y;
padding: 8px 0px 8px 2px;
/*border-left: 3px solid #e0e0e0;*/
}
.content_area {
font-size: 12px;
}
.content_area h1, .content_area h2 {
font-weight: bold;
}
.feedback {
position: absolute;
top: 50%;
right: 0px;
}
.first_post td {
border-bottom: 3px solid #e0e0e0 !important;
}
.holiday_picture {
margin-right: 10px;
border-radius: 10px;
border: 5px solid #ddd;
}
.hotline {
float: left;
position: relative;
margin-top: 5px;
margin-left: 200px;
/*position: absolute;
top: 0px;
left: 40%;*/
font-size: 11px;
}
.demo_box .greeting_text {
font: normal 18px Arial;
font-style: italic;
line-height: 120%;
}
.group {
clear: both;
/*border: 1px solid red;*/
margin-bottom: 14px;
background: url('/res/images/interface/gray_win/up_left.png') no-repeat left top;
}
.group .helper1 {
background: url('/res/images/interface/gray_win/down_left.png') no-repeat left bottom;
}
.group .helper2 {
background: url('/res/images/interface/gray_win/up_right.png') no-repeat right top;
}
.group .helper3 {
background: url('/res/images/interface/gray_win/down_right.png') no-repeat right bottom;
padding: 8px 14px 12px 14px;
}
.group h1, .group .h1, .group h2, .group .h2 {
margin: 0px 0px 8px 0px;
}
.group .rightsided  {
padding-top: 2px;
float: right;
}
.leftpad {
padding-left: 4px;
}
.leftsided {
float: left;
}
.linear_calendar a {
text-decoration: none;
}
.linear_calendar td {
line-height: 24px;
}
.linear_calendar .events_list .add_event {
float: right;
display: none;
background: url('/res/images/icons/yes.png') no-repeat 0px 4px;
padding-left: 20px;
}
.linear_calendar .events_list:hover .add_event {
display: block;
}
.month a {
text-decoration: none;
}
.more_link {
position: relative;
left: 10px;
padding-top: 34px;
}
.navigator u {
font-weight: bold;
color: #d43604;
}
.notif_map_col {
float: left;
width: 80px;
margin-right: 20px;
overflow: hidden;
}
.nowrap {
white-space: nowrap;
}
.reputation_panel {
/*position: relative;
top: -12px;*/
margin-top: 5px;
width: 64px;
height: 70px;
padding: 5px;
background-color: #f0f0f0;
border-radius: 5px;
}
.reputation_panel .rep_caption {
font-size: 11px;
color: #a0a0a0;
text-align: center;
padding-bottom: 5px;
}
.reputation_panel .rep_positive_box, .reputation_panel .rep_negative_box {
float: left;
width: 32px;
}
.reputation_panel .rep_add_btn {
display: block;
width: 32px;
height: 32px;
background: url('/res/images/icons/add_positive_rep.png') no-repeat;
}
.reputation_panel .rep_negative_box .rep_add_btn {
background: url('/res/images/icons/add_negative_rep.png') no-repeat;
}
.reputation_panel .rep_counter {
text-align: center;
}
.reputation_panel .rep_positive_box .rep_counter {
color: #42b50b;
}
.reputation_panel .rep_negative_box .rep_counter {
color: #da0000;
}



.reputation_panel_2 {
/*position: relative;
top: -12px;*/
/*margin-top: 5px;
padding: 5px;
background-color: #f0f0f0;
border-radius: 5px;*/
}
.reputation_panel .rep_caption_2 {
font-size: 11px;
color: #a0a0a0;
text-align: center;
padding-bottom: 5px;
}
.reputation_panel_2 .rep_positive_box, .reputation_panel_2 .rep_negative_box {
margin: 0px 5px;
}
.reputation_panel_2 .rep_add_btn {
border: 0px;
cursor: pointer;
width: 16px;
height: 16px;
margin-left: 2px;
background: transparent url('/res/images/icons/add_positive_rep_2.png') no-repeat;
vertical-align: middle;
}
.reputation_panel_2 .rep_negative_box .rep_add_btn {
background: url('/res/images/icons/add_negative_rep_2.png') no-repeat;
}
.reputation_panel_2 .rep_counter {
text-align: center;
}
.reputation_panel_2 .rep_positive_box .rep_counter {
color: #42b50b;
}
.reputation_panel_2 .rep_negative_box .rep_counter {
color: #da0000;
}



.right {
text-align: right;
}
.rightpad {
padding-right: 4px;
}
table.standart {
border-collapse: collapse;
width: 100%;
border-top: 1px solid #e0e0e0;
}
table.standart th {
border-bottom: 1px solid #e0e0e0;
font-size: 10px;
font-weight: normal;
}
table.standart td {
border-bottom: 1px solid #e0e0e0;
border-left: 1px dotted #e0e0e0;
margin: 0px;
padding: 8px 12px;
vertical-align: middle;
}
table.standart td.first {
border-left: 0px;
}
table.standart td.primary {
/*font-weight: normal;*/
}
table.standart tr.selected td {
border-top: 2px solid #c12902;
border-bottom: 2px solid #c12902;
border-left: 0px;
/*color: #c12902;*/
}
table.standart tr.selected td.primary {
background-color: #c12902;
color: #ffffff;
}
table.standart tr.selected td.primary .error, table.standart tr.selected td.primary .ok {
color: #ffffff;
}

table.form {
margin-top: 8px;
width: 100%;
font-size: 12px;
}
table.form .heading {
padding: 18px 0px 8px 0px;
}
table.form .heading h2 {
font-size: 12px;
font-weight: bold;
}
table.form .actions {
padding: 12px 0px 0px 160px;
}
table.form .caption {
background: url('/res/images/misc/required_field.png') no-repeat 100% 10px;
width: 140px;
padding: 6px 11px 4px 4px;
text-align: right;
font-weight: bold;
}
/*table.compact_form td {border:1px solid red;}*/
table.compact_form .caption {
width: 100px;
}
table.compact_form .actions {
padding-left: 120px;
}
table.form .receivers_caption {
padding-top: 18px;
background-position: 100% 22px;
}
table.form .optional {
background-image: none;
font-weight: normal;
}
table.form .caption .error {
position: relative;
top: -2px;
display: block;
color: red;
font-size: 10px;
font-weight: normal !important;
}
table.form .fieldarea {
padding: 4px 4px 4px 6px;
}
table.form .fieldarea h4 {
margin-bottom: 4px;
}
table.form .fieldarea ol {
margin: 0px 0px 12px 20px;
padding: 0px;
}
table.form .hint {
display: block;
font-size: 10px;
margin-top: 2px;
}
table.form .text {
padding-left: 8px;
}
table.grid {
width: 100%;
}
table.month {
border-collapse: collapse;
}
table.month td {
border-left: 1px solid #d3d3d3;
border-top: 1px solid #d3d3d3;
width: 98px;
height: 64px;
/*vertical-align: middle;*/
text-align: center;
}
table.month td.first {
border-left: 0px;
}
table.month td.selected {
border: 1px solid #c12902;
border-bottom: 2px solid #c12902;
border-right: 2px solid #c12902;
}
table.month td.selected .day {
background-color: #c12902;
color: #ffffff;
}
table.month td.head {
border-top: 0px;
vertical-align: middle;
text-align: center;
height: 28px;
font: normal 12px Arial;
}
table.month td.primary {
font-weight: bold;
}
table.month td .day {
float: left;
position: relative;
top: -1px;
left: -1px;
padding: 2px 5px;
text-decoration: none;
font: bold 16px Arial;
}
table.month td .events {
clear: left;
/*padding-top: 16px;*/
}
table.smallmonth {
/*border-collapse: collapse;*/
}
table.smallmonth td {
width: 16px;
height: 14px;
padding: 2px 4px 3px 4px;
text-align: center;
font-size: 11px;
}
table.smallmonth a {
text-decoration: none;
}
table.smallmonth th {
border-bottom: 1px solid #8d8d8d;
font-size: 13px;
text-align: right;
}
table.smallmonth th.selected {
border-color: #c12902;
color: #c12902;
}
table.smallmonth th.selected a {
color: #c12902;
}
/*table.smallmonth td.day {
width: 40px;
height: 20px;
}*/
table.smallmonth td.active {
background-color: #fbc53f;
}
table.smallmonth td.active a {
color: #7d5b13;
}
table.smallmonth td.selected {
background-color: #c12902;
}
table.smallmonth td.selected a {
color: #ffffff;
}
/*div.submenu  {
z-index: -1;
}*/
.nodisplay {
display: none;
}
.picframe {
width: 161px;
height: 138px;
background: url('/res/images/interface/picframe.png') no-repeat;
}
.picframe .picture {
/*border: 1px solid red;*/
height: 106px; /*138-11-11*/
padding: 11px 12px 0px 12px;
}
.picframe .picture img {
background-repeat: no-repeat;
background-position: 50% 50%;
}
.picframe .picture .overlay {
/*border: 1px solid red;*/
/*display: table-cell; 
vertical-align: middle;*/
/*border: 1px solid red;*/
width: 133px;
height: 92px;
padding: 14px 2px;
text-align: center;
}
.picframe .picture .overlay * {
vertical-align: middle;
}
.picframe .text {
max-height: 18px;
overflow: hidden;
text-align: center;
padding-top: 0px;
}
form .picframe {
width: auto;
height: auto;
background: none;
}
form .picframe .picture {
padding: 0px;
}
form .picframe img {
border: 1px solid #8d8d8d;
}
form .picframe .text {
display: none;
}
.pages {
margin: 12px 20px;
text-align: center;
vertical-align: middle;
font-size: 14px;
}
.pages strong {
font-weight: bold;
color: #c12902;
}
.pages a {
margin: 0px 4px;
}
.postcard_embed, .task_embed {
margin: 12px auto;
border: 1px solid #c0c0c0;
overflow: hidden;
}
.postcard_audio, .postcard_image {
width: 500px;
margin: 12px auto;
text-align: center;
}
.postcard_image img {
max-width: 500px;
}
#regform .postcard_audio, #regform .postcard_image {
margin: 0px;
}
.primary {
font-weight: bold;
}
.receivers_input .head {
display: none;
font-size: 10px;
}
.receivers_input .head .address {
float: left;
width: 148px;
}
.receivers_input .head .ident {
float: left;
}
.receivers_input input.title, .receivers_input  input.address {
margin-right: 8px;
}
.receivers_input .item {
clear: both;
margin-bottom: 4px;
}
.send_sms_box {
background-color: #fff5d2;
border-radius: 5px;
padding: 10px 10px 1px 10px;
}
.send_sms_box .hint {
display: block;
font-size: 10px;
}
.slidewin {
z-index: 10;
/*border: 1px solid red;*/
position: fixed;
top: 30%;
right: 0px;
}
.slidewin .toggle {
float: left;
width: 23px;
height: 192px;
background: url('/res/images/interface/feedback_button.png') no-repeat 2px 0px;
cursor: pointer;
}
.slidewin .toggle.active {
background-position: 0px 0px;
}
.slidewin .content {
/*border: 1px solid red;*/
float: left;
display: none;
background-color: #ffffff;
padding: 0px;
}
.slidewin .content iframe {
width: 380px;
height: 192px;
}
.small {
font-size: 11px;
}
/*.selected  td {
background-color: #f0f0f0;
}*/
.space {
margin-top: 4px;
}
.spaced {
margin-top: 12px;
}
.sprite_grid_wrapper {
float: left;
margin-right: 5px;
margin-bottom: 5px;
border: 1px solid #ccc;
border-radius: 3px;
}
/*.submenu {
z-index: 5;
position: relative;
top: -1px;
background-color: #f3f3f3;
font: bold 12px Tahoma;
margin: 0px 10px 20px 30px;
padding: 6px 12px;
}
.submenu a {
margin-right: 20px;
}*/
.svetofor_green {
color: #5ab900;
}
.svetofor_yellow {
color: #ff8f0f;
}
.svetofor_red {
color: #be1d08;
}
.tooltip, .rich_tooltip {
display: none;
font: 400 12px Tahoma;
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
background-color: #ffffff;
}
.tooltip {
max-width: 200px;
background-color: #5ab900;
border-radius: 4px;
padding: 4px 8px;
text-align: left;
font: 400 12px Tahoma;
color: #ffffff;
}
.rich_tooltip {
max-width: 400px;
padding: 4px 10px;
border: 1px solid #a0a0a0;
border-left: 4px solid #a0a0a0;
line-height: 120%;
text-align: left;
color: #8d8d8d;
/*box-shadow: 5px 5px 5px #e0e0e0;*/
}
.rich_tooltip .postcard_image {
width: auto;
}

input.multiselect {
width: 300px;
}

/* ui_audio_player */

/* audio player */

.audio_player {
float: left;
display: block;
width: 160px;
margin-bottom: 10px;
/*border: 1px solid red;*/
}
.audio_player .play_btn, .audio_player .stop_btn {
display: block;
float: left;
position: relative;
top: 11px;
width: 24px;
height: 24px;
}
.audio_player .play_btn {
background: url('/res/images/pd/play.png') no-repeat;
}
.audio_player .stop_btn {
background: url('/res/images/pd/stop.png') no-repeat;
}
.audio_player .ui_slider .slider_track {
float: right;
margin-top: 10px;
width: 128px;
height: 30px;
background: url('/res/images/pd/zoom_track.png') no-repeat;
}
.audio_player .ui_slider .slider_cart {
float: left;
position: relative;
top: 0px;
width: 14px;
height: 25px;
background-color: #ff0000;
cursor: w-resize;
background: url('/res/images/pd/volume_pointer.png') no-repeat;
}

/* ui_duration */

.ui_duration_input .digit_input {
width: 40px;
margin-right: 8px;
}

/* ui_image_flow */

.ui_image_flow {
min-height: 104px;
}
.ui_image_flow_prev, .ui_image_flow_next {
display: block;
width: 24px;
height: 44px;
margin-top: 38px;
background-repeat: no-repeat;
}
.ui_image_flow_prev {
float: left;
margin-left: -24px;
background-image: url('/res/images/interface/prev.png');
}
.ui_image_flow_next {
float: right;
margin-right: -24px;
background-image: url('/res/images/interface/next.png');
}

/* ui_image_flow2 */

.ui_image_flow2 {
min-height: 104px;
height: 138px;
overflow: hidden;
width: 678px;
/*border: 1px solid red;*/
position: relative;
}
.ui_image_flow2 .items {
width: 20000px;
position: absolute;
}
.ui_image_flow2 .items > div {
float: left;
width: 678px;
}
.ui_image_flow2_prev, .ui_image_flow2_next {
display: block;
width: 24px;
height: 44px;
margin-top: 38px;
background-repeat: no-repeat;
}
.ui_image_flow2_prev {
float: left;
margin-left: -24px;
background-image: url('/res/images/interface/prev.png');
}
.ui_image_flow2_next {
float: right;
margin-right: -24px;
background-image: url('/res/images/interface/next.png');
}

/* --- */

.ui_multiselect {
margin-top: 4px;
width: 300px;
height: 140px;
border: 1px solid #a0a0a0;
overflow: auto;
background-color: #ffffff;
}
.ui_multiselect .option {
padding: 2px 8px 2px 20px;
border-bottom: 1px solid #e0e0e0;
color: #505050;
cursor: pointer;
}
.ui_multiselect .selected_option {
background: #f0f0f0 url('/res/images/icons/yes.png') no-repeat 2px 2px;
font-weight: bold;
color: green;
}

/* ui_receivers_list */

.ui_receivers_list .add_panel {
padding: 12px 10px;
background-color: #eee;
border-radius: 5px;
}
.ui_receivers_list .add_panel {
height: 30px;/*22*/
}
.ui_receivers_list .add_label, .ui_receivers_list .add_input_box, .ui_receivers_list .add_btn {
float: left;
}
.ui_receivers_list .add_label {
margin-top: 3px;
}
.ui_receivers_list .add_input {
width: 400px;
}
.ui_receivers_list .add_input_hint {
font-size: 11px;
color: #aaa;
}
.ui_receivers_list .add_suggests {
position: absolute;
z-index: 10000;
width: 378px;
background-color: #eee;
padding: 0px; /*padding: 4px 10px;*/
border: 1px solid #ccc;
border-top: 0px;
display: none;
}
.ui_receivers_list .add_suggests a {
display: block;
margin: 2px 0px;
padding: 4px 10px;
}
.ui_receivers_list .add_suggests a:hover {
background-color: #fff;
}
.ui_receivers_list .add_suggests a .primary {
margin-right: 10px;
}
.ui_receivers_list .add_btn {
margin-left: 4px;
}
.ui_receivers_list .receiver {
height: 22px;
padding: 14px 2px;
/*border-top: 1px solid #eee;*/
border-bottom: 1px solid #eee;
}
.ui_receivers_list .receiver .name_box, .ui_receivers_list .receiver .mail_box, .ui_receivers_list .receiver .phone_box {
float: left;
width: 30%;
/*border: 1px solid red;*/
}
.ui_receivers_list .receiver .disabled_box {
color: #e0e0e0;
}
.ui_receivers_list .receiver .disabled_box input.text {
visibility: hidden;
}
.ui_receivers_list .receiver input {
/*border: 1px solid #a0a0a0;*/
}
.ui_receivers_list .receiver input.error {
/*border: 1px solid red;*/
}
.ui_receivers_list .receiver label {
margin-right: 1px;
}
.ui_receivers_list .receiver .delete_btn {
float: right;
margin-top: -6px;
margin-right: 14px;
width: 26px;
height: 36px;
border: 0px;
cursor: pointer;
background: transparent no-repeat url('/res/images/icons/contacts/delete.png');
}

/* ui_textarea */

.ui_textarea {

}
.ui_textarea_limiter {
margin-top: 1px;
font-size: 11px;
}
.ui_textarea_limiter ._counter {
font-weight: bold;
}
.ui_textarea_limiter ._error {
margin-left: 4px;
color: #be1d08;
}

/* ui_window */

.ui_window {
background-color: #fff;
border-radius: 3px;
/*border: 1px solid #000;*/
box-shadow: 0px 0px 10px #aaa;
left: 100px;
position: fixed;
top: 100px;
}
.ui_window_bg {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.7;
background-color: #000;
}
.ui_window .close_btn {
display: block;
position: relative;
left: 8px;
top: 8px;
float: right;
width: 16px;
height: 16px;
background: url('/res/images/icons/delete.png') no-repeat;
margin-top: -16px;
margin-left: -16px;
}
.ui_window iframe {

}

/* ============= */

.c_Welcome_Guest .holiday_preview_wrapper .holiday_picture {
height: 60px !important;
border: 0px !important;
}

/*****************************************************************************\
   Gray Window
\*****************************************************************************/

.text-contener {margin: 0px 0px 10px 0px; border-bottom: 1px solid transparent;}
/*.text-contener h1 {color:#FF8B0A; font-size:1em; font-weight:bold}*/
.up-l { float:left; height:33px; width:15px; background: url(/res/images/up_l0000.gif) right top no-repeat;}
.up-m {float:left; height:33px; width:100%; background: url(/res/images/up_m0000.gif) top  repeat-x; margin-left:0}
.up-r { float:right; height:33px; width:15px; background: url(/res/images/up_r0000.gif) left top no-repeat;}
.up-m h1 {padding:0; padding-top: 5px; margin:0}
.up-m .rightsided { float: right; padding: 8px 12px; }
.down-l {float:left; height:33px; width:15px; background: url(/res/images/down_l00.gif) right bottom no-repeat;}
.down-m {float:left; height:33px; width:100%; background: url(/res/images/down_m00.gif) bottom  repeat-x;}
.down-r {float:right; height:33px; width:15px; background: url(/res/images/down_r00.gif) left bottom no-repeat;}
.text-block {margin:10px 0px 0px 0px; clear: both;}
.in-text-block {padding:0 15px; margin-top:-10px;}
/*.in-text-block h1{padding:10px 0 15px 0}*/
.break {clear: both;}

/*****************************************************************************\
   Yellow Window
\*****************************************************************************/

.regform, #regform { background:#FDE8A2 url(/res/images/bgr_regi.gif) repeat-x top; border-left:1px solid #FDE8A2;  border-right:1px solid #FDE8A2;padding:10px 15px;}
.regform p, #regform  p {font-size: 12px;}
.regform hr, #regform hr {border: 0px; border-top: 1px solid #ffffff; }
.regform-top1 {background-color:#FDDF9A; margin:0 2px; height:1px; overflow:hidden;}
.regform-top2 {background-color:#FFF5D0; margin:0 1px; height:1px; overflow:hidden; border-left:1px solid #FDE8A2;  border-right:1px solid #FDE8A2}
.regform-bottom2 {background-color:#FDE8A2; margin:0 1px; height:1px; overflow:hidden; border-left:1px solid #FDE8A2;  border-right:1px solid #FDE8A2}
.regform-bottom1 {background-color:#FDDF9A; margin:0 2px; height:1px; overflow:hidden;margin-bottom: 12px;}
.regform h1, .regform h2, #regform h1 {margin:0px; padding: 0px; color: #d43604;}
.regform .content_part, #regform .content_part { padding: 8px 8px; }

/* --- */

#left-col {width:22%; float:left;}
#right-col {margin: 0px 0 20px 0; float:right; width:78%}
#middle h1 {margin-top: 7px;}
/*.left-col-text {width:45%; float:left;}
.right-col-text {width:45%; float:right;}*/

.pole-add {
	background-color:#FEEAA1;
	border-top: 1px solid #d2d2d2;
	border-bottom:1px solid #D2D2D2;
	height: 40px;
	margin:10px 0px 0px 0px;
	padding: 20px 20px 0px 46px; /* 18px 20px 18px 20px */
	text-align: center;
}

a.add-buttom-bgr {
	background: url(/res/images/bgr_add0.gif) top left no-repeat;
	color:#FFFFFF;
	width:217px; height:19px; display:block;
	padding-top: 2px;
	text-align:center; float:left; margin-right:20px; margin-top: 10px;
	text-decoration:none;
	cursor: pointer;
	/*position: relative;*/
	
}
a.add-buttom-bgr2 {
background: url(/res/images/edit_buu.gif) top left no-repeat;
width:166px; height:18px; display:block;
padding: 3px 0px 0px 21px;
text-align:center; float:left; margin-right:20px; margin-top: 10px;
text-decoration:none;
font: bold 12px Tahoma;
color:#FFFFFF;
/*margin-right: 60px;*/
}
a.add-buttom-bgr3 {
background: url('/res/images/edit_but.gif') no-repeat;
width: 157px;
height: 21px;
font: bold 12px Verdana;
color: #ffffff;
display:block;
padding: 3px 0px 0px 0px;
text-align:center; float:left; margin-right:20px; margin-top: 10px;
text-decoration:none;
}
a.add-buttom-bgr4 {
background: url('/res/images/interface/yellow_button.png') no-repeat;
width: 162px;
height: 21px;
font: bold 12px Verdana;
color: #ffffff;
display:block;
padding: 3px 0px 0px 0px;
text-align:center; float:left; margin-right:20px; margin-top: 10px;
text-decoration:none;
}