@charset "utf-8";
tbody {border:0;}

/* Стартовая ucp_calorizator_start */
#layout {width: 100%; height: 100%; min-height: 100px;}
#start-loader {width: 100%; height: 100px; text-align: center;}
#start-loader-pix {width: 43px; height: 11px; padding: 40px;}
#layout-setup {width: 100%; text-align: center; clear: both;}
#layout-setup-link {}
.column {float: left; padding-bottom: 100px;}
.portlet {margin: 0 1em 1em 0;}
.portlet-header {margin: 0.3em; padding: 5px 5px 7px 7px; cursor: move;}
.portlet-header .ui-icon-minusthick,
.portlet-header .ui-icon-plusthick {float: right; padding: 2px; cursor: pointer;}
.portlet-content {padding: 0.4em;}
.portlet-content a {text-decoration: none;}
.ui-sortable-placeholder {border: 1px dashed gray; background: none; visibility: visible !important;} /* height: 50px !important; */
.ui-sortable-placeholder * {visibility: hidden;}

#today_table {width: 100%; margin: 0; padding: 0; border-collapse: collapse;}
#today_table th {font-weight: bold; border: 1px solid #ccc; margin: 0; padding: 1px; color: #777; background-color: #eaeaea; background-image: none;}
#today_table td {text-align: center; border: 1px solid #ccc; margin: 0; padding: 0px; background-color: #fff; background-image: none;}
#today_table input {width: 46%; text-align: center; border: none; margin: 0; padding: 0px;}
.today_min {color: #909010 !important;}
.today_ok  {color: #109010 !important;}
.today_max {color: #d01010 !important;}

.nav		{font-weight:normal;font-size:110%;color:#777;}
b.nav		{font-weight:bold;font-size:120%;color:#01a030;}
#a_info		{width:34%;color:#777;font:normal 1.5em "Lucida Grande",Verdana,Helvetica;float:left;}
#a_info p	{font-size:15px;margin-bottom:15px;color:#060;}
#a_today	{width:65%;text-align:left;float:right;background-image:url("./images/girl.png");background-position:right top;background-repeat:no-repeat;}
#a_today h2	{font-size:20px;font-size:bold;text-align:center;margin-bottom:20px;color:#060;}
#a_t		{width:60%;float:left;}
#a_t p		{font-size:15px;text-align:center;margin-bottom:15px;color:#060;}
#a_medals	{border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;border-left:none;border-right:none;width:100%;text-align:left;float:left;font-size:15px;padding:15px 0;margin-bottom:20px;color:#060;}
#a_report	{width:49%;height:350px;text-align:center;float:left;}
#a_chart1	{width:49%;height:350px;text-align:center;float:right;}
#a_chart2	{width:49%;height:300px;text-align:center;float:left;}
#a_chart3	{width:49%;height:300px;text-align:center;float:right;}
#a_buttons	{width:100%;float:left;}
.b_t		{width:90%;height:40px;float:left;color:#00b030;background-color:#f0fff0;border:solid 1px #00b030;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font:bold 1.7em tahoma,verdana,arial;text-align:center;vertical-align:bottom;padding:13px 3px 3px 60px;margin:5px 5px;cursor:pointer;}
.b_t:hover	{color:#30d050;background-color:#f5fff5;}
#b_today	{background-image:url("./images/b_today.png");background-position:left top;background-repeat:no-repeat;} /* Сегодня */
#b_women2	{background-image:url("./images/b_women2.png");background-position:left top;background-repeat:no-repeat;} /* Женский календарь */
#b_fruits	{background-image:url("./images/fruits.png");background-position:left top;background-repeat:repeat-x;width:110%;height:60px;float:left;margin:5px 5px;}
.b_start	{width:155px;height:33px;float:left;color:#fff;border:none;font:bold 1.7em tahoma,verdana,arial;text-align:center;padding:22px 0px 0px 50px;margin:5px 5px;cursor:pointer;}
.b_start:hover {color:#ffa;}
#b_calend	{background-image:url("./images/b_calendar.gif");background-position:left top;background-repeat:no-repeat;} /* Мой календарь */
#b_women	{background-image:url("./images/b_women.gif");background-position:left top;background-repeat:no-repeat;} /* Женский календарь */
#b_report	{background-image:url("./images/b_report.gif");background-position:left top;background-repeat:no-repeat;} /* Мои отчёты */
#b_chart	{background-image:url("./images/b_chart.gif");background-position:left top;background-repeat:no-repeat;} /* Мои графики */
#b_goals	{background-image:url("./images/b_goals.gif");background-position:left top;background-repeat:no-repeat;} /* Мои цели */
#b_avatar	{background-image:url("./images/b_avatar.gif");background-position:left top;background-repeat:no-repeat;} /* Мой аватар */
#b_sign		{background-image:url("./images/b_signature.gif");background-position:left top;background-repeat:no-repeat;} /* Моя подпись */
#b_inbox	{background-image:url("./images/b_inbox.gif");background-position:left top;background-repeat:no-repeat;} /* Моя почта */
#b_gallery	{background-image:url("./images/b_gallery.gif");background-position:left top;background-repeat:no-repeat;} /* Мои настройки */
#b_myblog	{background-image:url("./images/b_blog.gif");background-position:left top;background-repeat:no-repeat;} /* Мой блог */
#b_points	{background-image:url("./images/b_thanks.gif");background-position:left top;background-repeat:no-repeat;} /* Мои Виты */
#b_setup	{background-image:url("./images/b_setup.gif");background-position:left top;background-repeat:no-repeat;} /* Мои настройки */
.o {filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2;cursor:default;}

/* Календарь ucp_calorizator_calendar */
#calendar {width:100%;margin:0 auto;}
.fc-content td:hover {background-color:#ffe;cursor:pointer;}
.fc-event {font-size:11px;border-style:solid;}
.ev0, .fc-agenda .ev0 .fc-event-time, .ev0 a {font-size:11px;border-style:solid;border-color:#eed;background-color:#ffe;color:#aa2;background-image:url("images/c_comment.gif");background-position:right center;background-repeat:no-repeat;} /* комментарий */
.ev1, .fc-agenda .ev1 .fc-event-time, .ev1 a {font-size:11px;border-style:solid;border-color:#dde;background-color:#eef;color:#22a;background-image:url("images/c_weight.gif");background-position:right center;background-repeat:no-repeat;} /* вес */
.ev2, .fc-agenda .ev2 .fc-event-time, .ev2 a,	/* объём груди */
.ev3, .fc-agenda .ev3 .fc-event-time, .ev3 a,	/* объём талии */
.ev4, .fc-agenda .ev4 .fc-event-time, .ev4 a,	/* объём бёдер */
.ev20, .fc-agenda .ev20 .fc-event-time, .ev20 a,/* объём  */
.ev21, .fc-agenda .ev21 .fc-event-time, .ev21 a,/* объём  */
.ev22, .fc-agenda .ev22 .fc-event-time, .ev22 a,/* объём  */
.ev23, .fc-agenda .ev23 .fc-event-time, .ev23 a,/* объём  */
.ev24, .fc-agenda .ev24 .fc-event-time, .ev24 a,/* объём  */
.ev25, .fc-agenda .ev25 .fc-event-time, .ev25 a,/* объём  */
.ev26, .fc-agenda .ev26 .fc-event-time, .ev26 a,/* объём  */
.ev27, .fc-agenda .ev27 .fc-event-time, .ev27 a,/* объём  */
.ev28, .fc-agenda .ev28 .fc-event-time, .ev28 a,/* объём  */
.ev29, .fc-agenda .ev29 .fc-event-time, .ev29 a,/* объём  */
.ev30, .fc-agenda .ev30 .fc-event-time, .ev30 a,/* объём  */
.ev31, .fc-agenda .ev31 .fc-event-time, .ev31 a,/* объём  */
.ev32, .fc-agenda .ev32 .fc-event-time, .ev32 a	/* объём  */
 {font-size:11px;border-style:solid;border-color:#dee;background-color:#eff;color:#2aa;background-image:url("images/c_spiral.gif");background-position:right center;background-repeat:no-repeat;}
.ev5, .fc-agenda .ev5 .fc-event-time, .ev5 a {font-size:11px;border-style:solid;border-color:#eed;background-color:#eef;color:#22a;} /* ИМТ */
.ev6, .fc-agenda .ev6 .fc-event-time, .ev6 a,
.ev40, .fc-agenda .ev40 .fc-event-time, .ev40 a,
.ev41, .fc-agenda .ev41 .fc-event-time, .ev41 a,
.ev42, .fc-agenda .ev42 .fc-event-time, .ev42 a,
.ev43, .fc-agenda .ev43 .fc-event-time, .ev43 a,
.ev44, .fc-agenda .ev44 .fc-event-time, .ev44 a,
.ev45, .fc-agenda .ev45 .fc-event-time, .ev45 a,
.ev46, .fc-agenda .ev46 .fc-event-time, .ev46 a,
.ev47, .fc-agenda .ev47 .fc-event-time, .ev47 a
 {font-size:11px;border-style:solid;border-color:#edd;background-color:#fee;color:#a22;background-image:url("images/c_food.gif");background-position:right center;background-repeat:no-repeat;} /* еда */
.ev7, .fc-agenda .ev7 .fc-event-time, .ev7 a {font-size:11px;border-style:solid;border-color:#ded;background-color:#efe;color:#2a2;background-image:url("images/c_sport.gif");background-position:right center;background-repeat:no-repeat;} /* фитнес */
.ev8, .fc-agenda .ev8 .fc-event-time, .ev8 a {font-size:11px;border-style:solid;border-color:#ede;background-color:#fef;color:#a2a;background-image:url("images/c_menstr.gif");background-position:right center;background-repeat:no-repeat;} /* менструация */

/* Свои продукты ucp_calorizator_myfood */
#mf_report {margin: 8px 0 0 0;}
#mf_report_table {width: 100%; margin: 2px 0 4px 0; padding: 0; border-collapse: collapse;}
#mf_report_table th {border: 1px solid #ccc; padding: 5px 5px; text-align: center; font-weight: bold; color: #00a000; background-color: #ccffcb; background-image: none;}
#mf_report_table td {border: 1px solid #ccc; padding: 3px 5px; cursor: pointer;}
#mf_report_table thead th div.DataTables_sort_wrapper {padding-right: 16px; position: relative;}
#mf_report_table thead th div.DataTables_sort_wrapper span {margin-top: -8px; position: absolute; right: 0; top: 50%;}
#mf_report_table tbody tr.even:hover, #mf_report_table tbody tr.even td.highlighted {background-color: #ffd;}
#mf_report_table tr.even td.sorting_1 {background-color: #f7f7f7;}
#mf_report_table tr.even:hover td.sorting_1 {background-color: #f7f7d7;}
#mf_report_table tbody tr.odd:hover, #mf_report_table tbody tr.odd td.highlighted {background-color: #ffc;}
#mf_report_table tr.odd td.sorting_1 {background-color: #f0f0f0;}
#mf_report_table tr.odd:hover td.sorting_1 {background-color: #f7f7c7;}
#mf_rt_table_str {width: 100%; height: 2.3em;}
#mf_rt_table_fltr {width: 100%; height: 2.3em;}
.kkal-err {color: #f00;}
.css_right {float: right;}

/* Отчёты ucp_calorizator_report */
#report_control_table {width: 100%; margin: 0 0 8px 0; padding: 0; border-collapse: collapse;}
#report_table {width: 100%; margin:0 0 5px 0; padding: 0; border-collapse: collapse;}
#report_table_paginate {margin: 0;}
#report_table th {border: 1px solid #ccc; padding: 5px 5px; text-align: center; font-weight: bold; color: #00a000; background-color: #ccffcb; background-image: none;}
#report_table td {border: 1px solid #ccc; padding: 3px 5px;}
#report_table i, .sunday {text-decoration: none; font-style: normal; color: #d00;}
#report_table tbody tr:hover, #report_table tbody tr td.highlighted {background-color: #ffe;}
#report_table tbody tr.even:hover, #report_table tbody tr.even td.highlighted {background-color: #ffd;}
#report_table tbody tr.odd:hover, #report_table tbody tr.odd td.highlighted {background-color: #ffc;}
#rt_table_str {width: 100%; height: 2.3em;}
#rt_table_fltr {width: 100%; height: 2.3em;}
.dataTables_info {clear: none; float: right; padding: 0.4em 0;}
.dataTables_paginate .ui-button {margin: 0; padding: 0 8px;}
.DTTT_button {font-size: 100%;}
.DTTT_PrintMessage {text-align: center; font-size: 24px;}
table.dataTable thead th {color: #777;}
table.dataTable tfoot th {color: #777;}
table.dataTable tr.odd {background-color: #f7f7f7;}
table.dataTable tr.even {background-color: #ffffff;}
table.DTCR_clonedTable {background-color: white; z-index: 202;}
div.DTCR_pointer {width: 1px; background-color: #aaa; z-index: 201;}
#rt_filter_empty {float: left;}
#rt_filter_empty label {vertical-align: top;}
.rt_food_1 {font-weight: bold;}
.rt_food_2 {font-weight: bold; text-align: right; padding-right: 1em; background-color: #f7f7f7;}
#report_type_info {padding: 4px; font-weight: bold;}
#report_type_set {width: 520px; height: 250px; position: absolute; top: 0; left: 0; z-index: 1000; background-color: #fff; border: 1px solid #777;}
#report_type_set_presets {width: 100%; height: 210px; padding: 4px; font-size: 120%;}
#report_type_set_presets div {font-weight: bold; padding: 0 0 0.5em 1.4em;}
#report_type_set_presets .in {padding: 0.7em 0 0.5em 1.4em;}
#report_type_set_presets th {text-align: left; vertical-align: top; padding: 7px 5px; width: 20%; font-weight: bold; color: #777; background: none;}
#report_type_set_presets td {text-align: left; vertical-align: top; padding: 0 5px;}
#report_type_set_presets input {border: none; margin: 0; padding: 0;}
#report_type_set_full {width: 100%; height: 210px; padding: 4px; font-size: 120%;}
#report_type_set_full div {font-weight: bold; padding: 0 0 0.5em 1.4em;}
#report_type_set_full .in {padding: 0.7em 0 0.5em 1.4em;}
#report_type_set_full th {text-align: left; vertical-align: top; padding: 7px 5px; width: 20%; font-weight: bold; color: #777; background: none;}
#report_type_set_full td {text-align: left; vertical-align: top; padding: 0 5px;}
#report_type_set_full input {border: none; margin: 0; padding: 0;}
#report_type_ok {margin-left: 10px;}
#report_period_info {padding: 4px; font-weight: bold;}
#report_period_dat {padding-left: 6px;}
#report_period_set {width: 570px; height: 250px; position: absolute; top: 0; left: 0; z-index: 1000; background-color: #fff; border: 1px solid #777;}
#report_period_set hr {margin: 0.7em 0;}
#report_period_set_table {width: 100%; height: 210px; padding: 4px; font-size: 120%;}
#report_period_set_table th {text-align: left; vertical-align: top; padding: 7px 5px; font-weight: bold; color: #777; background: none;}
#report_period_set_table td {text-align: left; vertical-align: top; padding: 7px 5px;}
#report_period_ok {margin-left: 10px;}
.report_button_pressed {color: #777;}
#report_datepicker1, #report_datepicker2 {width: 90px;}

/* Планирование питания ucp_calorizator_planfood */
#pf_table {width: 100%; margin: 0; padding: 0; border-collapse: collapse;}
#pf_table th {border: 1px solid #ccc; font-weight: bold; color: #00a000; background-color: #ccffcb; background-image: none}
#pf_table td {text-align: center; border: 1px solid #ccc; margin: 0; padding: 1px;}
#pf_table input {width: 40%; text-align: center; border: 1px solid #ccc;}
#pf_gen_table input[type="radio"] {text-align: left; margin-right: 2px !important; vertical-align: middle; height: 16px !important; font-size: 1em !important;}
#pf_gen_table input[type="text"] {text-align: center; height: 16px !important; font-size: 1em !important; border-width: 1px !important;}
#pf_height, #pf_age, #pf_weight {width: 120px !important;}
#pf_diet_p, #pf_diet_f, #pf_diet_c {width: 40px !important;}
#pf_gen_table label {margin-right: 16px !important; vertical-align: middle;}
#pf_gen_table select {width: 310px !important; font-size: 1em !important; border-width: 1px !important;}
#pf_gen_table option {padding: 0 6px;}

/* Настройки ucp_calorizator_setup */
#setup_ob, #setup_count, #setup_food, #setup_layout {width: 100%;}
#setup_ob h2, #setup_count h2, #setup_food h2, #setup_layout h2 {height: 1.7em;}
#setup_ob_cboxes, #setup_count_cboxes, #setup_food_names, #setup_layout_rboxes {float: left; width: 240px;}
#setup_ob_cboxes input, #setup_count_cboxes input, #setup_food_names input, #setup_layout_rboxes input {margin: 4px 0; vertical-align: middle;}
#setup_ob_cboxes label, #setup_count_cboxes label, #setup_food_names label, #setup_layout_rboxes label {vertical-align: middle;}
#setup_ob_pix {float: left; width: 40%; min-width: 210px; height: 350px;}
#setup_count_pix {float: left; width: 40%; min-width: 210px; height: 210px;}
#setup_food_pix {float: left; width: 40%; min-width: 210px; height: 210px;}
#setup_layout_pix {float: left; width: 40%; min-width: 210px; height: 180px;}
.setup_clear {clear: both; height: 20px;}

/* Диалоговые окна */
#da_tabs2_c1 {float: left; width: 290px; height: 240px;}
#da_tabs2_c2 {float: left; width: 290px; height: 240px;}
#da_ob_data {float: left; width: 300px; height: 240px;}
#da_ob_pix {float: right; width: 270px; height: 240px;}
#da_ob_pixsrc {margin: 15px 5px; width: 250px !important; height: 200px !important;}
.da_ob {width: 100%; height: 30px; clear: both;}
.da_ob_title {float: left; width: 162px;}
.da_ob_input {float: left;}
.da_info {color: #aaa; font-style: italic; clear: both;}
.d_time {color: #1c94c4;}

.ui-button {border-width: 1px !important;}

.d_input {text-align:center;width:80px !important;height:16px !important;font-size:1em !important;border-width:1px !important;}
.ui-dialog .ui-dialog-content {overflow:visible !important;}
.ui-dialog .ui-dialog-buttonpane {overflow:visible !important;}
#dialog_edit_food th, #dialog_edit_food td, #da_foodtable td {text-align:center;}

.help {background: transparent url("images/help1.gif") no-repeat scroll 0 0;width:12px;height:12px;float:left;margin:0 4px 0 0;position:relative;top:2px}
.help:hover {background: transparent url("images/help2.gif") no-repeat scroll 0 0;cursor:help}

.ui-tooltip {z-index: 2000; padding: 7px; opacity: 0.8; color: #222; background: #dff; border: solid 1px #7cd; border-radius: 4px; box-shadow: 5px 4px 4px #ccc}
.ui-tooltip-content {}

/* Диалоговое окно ucp_calorizator_food_dialog */
#df_table, #df2_table {width:100%;}
.b_food {width:108px !important;height:24px !important;font-size:1em !important; padding:0 !important}
.autocompl {background-color:#ccc}
#acl {list-style-type:none;margin:0;padding:0;position:absolute;z-index:3000;width:480px;max-height:500px;overflow:auto;display:none;}
#acl li {list-style-type:none;margin:0;padding:6px;cursor:pointer;background-color:#fff;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;font-size:1.1em;}
#acl li.select {background-color:#e8f8e8;}
.myfood {font-weight:bold;}
.df_time {width: 120px; padding: 0.4em 1em; float: right;}
#df_addtime, #df2_addtime {width: 50px; text-align: center;}

.c_h {font-weight:bold;text-align:center;background-color:#ccffcb;color:#00a000;}
.c_t {font-weight:bold;text-align:right;background-color:#ccffcb;color:#00a000;}
.p_inp {width: 98%; border: solid 1px #aaa; margin: 0; padding: 2px; text-align: left;}

/* Диалоговое окно ucp_calorizator_myfood_dialog */
#dmf_table {width:100%;}

.l {text-align: left; padding-left: 1em;}
.e {text-align: center;}
.r {text-align: right; padding-right: 1em;}

/* Диалоговое окно ucp_calorizator_informer */
.i_elem {float:left;margin-bottom:8px;width:135px;}
.i_cbox {float:left;margin:0 3px 0 0;padding:0;border:none;}
.i_labl {float:left;margin-right:3px;cursor:pointer;}
.i_labl:hover {text-decoration:underline;}
.i_bg {width:56px;height:56px;float:left;margin:3px 3px;border:solid 1px #eee;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.i_bg:hover {border:solid 1px #ccc;}
.i_bgsel {border: 1px solid #888;}

/* spinner */
.ui-spinner {position: relative; border: 0px solid white;}
.ui-spinner-buttons {position: relative;}
.ui-spinner-button {}
.ui-spinner-up {position: relative; top: 0px; left: 1px;}
.ui-spinner-down {position: relative; top: -20px; left: -105px;}

/* timepicker */
.ui-timepicker-div .ui-widget-header {margin-bottom: 8px;}
.ui-timepicker-div dl {text-align: left; margin: 0 10px;}
.ui-timepicker-div dl dt {height: 25px; margin-bottom: -25px;}
.ui-timepicker-div dl dd {margin: 0 2px 10px 50px;}
.ui-timepicker-div td {font-size: 90%;}
.ui-tpicker-grid-label {background: none; border: none; margin: 0; padding: 0;}

/* mlColorPicker */
#mlColorPicker{border: 1px solid black; background-color: #ddd; padding-bottom: 5px; z-index: 3000;}
#mlSelectedColorDiv{float: left; width: 43px; height: 20px; border: solid 1px black; background-color: white; margin: 5px;}
#mlSelectedColorText{float: left; width: 60px; border: solid 1px black; font-size: small; margin: 5px;}
#mlColors{float: left; margin: 0 5px 0 5px; border-bottom: 1px solid black; border-right: 1px solid black; clear: both; width: 260px; height: 156px;}
.mlColor{border-left: 1px solid black; border-top: 1px solid black; float: left; width: 12px; height: 12px;}
