@import"reset.css";
@import"pro_pages_style.css";
@import"grid.css";
@import"forms.css";
@import"prettyPhoto.css";
@import"jquery.snippet.min.css";
@import"superfish.css";
@import"ui.totop.css";
/*@import"../css/skin/blue.monday/jplayer.blue.monday.css";*/
@import"jquery-ui-1.9.2.custom.min.css";
@import"tms.css";
@import"tabs.css";
@import"calendar.css";

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #EBE9E9;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #E0E0E0;
}

article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family: Calibri; font-size:13px; line-height:18px; color:#104E8B; word-spacing: 0.01px; letter-spacing: 0.01px;} /* */
.main {padding:0;margin:0 auto; } /*background-color:#F3F3F3*/
.main .left-part {float: left; width: 11%;}
.main .right-part {float: right; width: 89%}

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left, .fleft{float:left}
.f_right, .fright{float:right}
.align_right, .alignright {text-align:right}
.align_center , .aligncenter {text-align:center}

.it{font-style:italic}
.let {letter-spacing:-1px}

strong{color:#4a97ce;}
/*********************************CLASSES**********************************/
.m_b_zero{ margin-bottom:0 !important;}
.m_l_zero{ margin-left:0 !important;}
.p_b_zero{ padding-bottom:0 !important;}
.p_l_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width: 100%; overflow:hidden}

.extra_wrapper, .extra-wrap{ overflow:hidden;}
.container{width:100%}
.extra_last, .lst{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}
.bd_none{border:none !important;}

/*==================================== Links ======================================================== */
a {color:#000080;outline:none; text-decoration:none; cursor:pointer;vertical-align:middle;}
a:hover{ text-decoration:underline;}

.tdn a{text-decoration:none !important;}

.button, .button1{ display:inline-block; padding:9px 19px 11px; font-weight:bold; border-radius:4px; margin: 32px 0 0 0; font-size:13px; line-height: 15px; color:#fff;background: url('../images/button.png') repeat-x #5da2cc;}
.profile .active, .button:hover{ background:#5092ba;text-decoration:none;}

.gr_button{display:inline-block; padding:9px 26px 10px; margin: 35px 0 0 0; font-size: 19px; line-height: 26px; color:#fff; background: url('../images/gr_button.png') repeat-x #78a707; box-shadow: inset 0 -1px #689106; border-radius:24px;}
.gr_button:hover{background:#a4c84e;}
/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*================================>> Global Blocks <<========================================*/

.block1{position:relative;z-index:10;background: url('../images/block1.jpg') 50% 0 no-repeat #346c9d;clear:both;padding:10px}
.block2{position:relative;}

#m_page .block1{height:543px;}
/*********************************header*************************************/

header {overflow:hidden;padding-bottom:27px;}
header h1{float:left;padding-top:43px;}
header h1 a {display:block;width:304px;height:58px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}
header .info{float:right;text-align:right;line-height:20px;color:#beecff;width:420px;padding: 35px 0 0 0;}
header .info .num{font-size: 24px; line-height: 29px; color: #fff;padding-top:9px;margin-right:-3px;}

/*********************************content*************************************/
#content {padding:20px 0px 20px 0px;position:relative;z-index:1;background: url('../images/content.png') 0 1px repeat-x #fff;}
.cont_pad {padding:120px 0 40px 7px !important;background-position:0 90px !important;}
#content li {font-size: 18px; padding: 5px}
#content .wrapper ul {margin: 30px auto; width: 670px;}
#content .wrapper li {font-size: 18px; display: inline-block; text-align: center; border: 1px solid #e0e0e0; padding: 0px; margin: 2px 0px; border-radius: 10px;}
/*#content .wrapper li:hover {border: 1px solid #66cc00; font-weight: bold; background-color: #004C99; }*/
#content .wrapper li:hover a {color: #fff; font-size: 24px}
#content .wrapper li a {width: 160px; padding: 40px 0px; display: inline-block; text-decoration: none; line-height: 40px}
#content .wrapper .box {margin: 10px; float: left;}
#content .wrapper .box .table {max-height: 320px; overflow: auto;}
#content .wrapper .box .table table {background-color: #fff; text-align: left; max-height: 350px; border: none;}
#content .wrapper .box .table table .tr0 {background-color: #eff}
#content .wrapper .box .table table td {padding: 3px; border-bottom: 1px solid #eee}
#content .wrapper .box .table-foot{padding: 3px; font-weight: bold; border-top: 1px solid #ddd; background-color: #fff}
/* width */
#content .wrapper .box ::-webkit-scrollbar {
  width: 3px;
}

/* Track */
#content .wrapper .box ::-webkit-scrollbar-track {
  background: #fff; 
}

/* Handle */
#content .wrapper .box ::-webkit-scrollbar-thumb {
  background: #ddd; 
}

/* Handle on hover */
#content .wrapper .box ::-webkit-scrollbar-thumb:hover {
  background: #ccc; 
}

/*================================>> aside <<========================================*/
aside{background: url('../images/stripe.png') 50% 0 no-repeat;width:940px;margin: 0 auto;padding: 31px 0 27px;overflow:hidden;}
.inf_list{list-style: none;padding: 0 0 0 4px;}
.inf_list>li{float:left;}

.icon1{background: url('../images/icon1.png') no-repeat;padding: 2px 6px 1px 37px;}
.icon2{background: url('../images/icon2.png') 14px 0 no-repeat;padding: 1px 17px 4px 37px;}
.icon3{background: url('../images/icon3.png') no-repeat;padding: 1px 0 0 43px;}
/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:18px}
.p2{ margin-bottom:11px;}
.p3{ margin-bottom:21px;}
.p4{ margin-bottom:10px;}
.p5{ margin-bottom:27px;}
.p6{ margin-bottom:0;}

/*================================>> LISTS <<========================================*/
.list1{padding: 0 0 0 12px;}
.list1 li{ background:url(../images/marker1.png) 8px 6px no-repeat; padding: 0 0 6px 24px; margin-bottom:6px;border-bottom:1px solid #d9e8f3;font-weight:bold;}
.list1 a{color:#e7a47c;text-decoration:none;}
.list1 a:hover{color:#8fbfd4;}

.list2{padding: 1px 28px 0 1px;}
.list2 li{ background:url(../images/marker1.png) 8px 6px no-repeat; padding: 0 0 6px 24px; margin-bottom:6px;border-bottom:1px solid #d9e8f3;font-weight:bold;}
.list2 a{color:#e7a47c;text-decoration:none;}
.list2 a:hover{color:#8fbfd4;}

.list3{}
.list3 li{ background:url(../images/marker2.png) 0 7px no-repeat; padding-left:14px;}
.list3 a{color:#a3cbe7;}

/*================================>> H <<========================================*/
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.3em;color:#000080;font-family: Calibri, sans-serif;font-weight:bold;letter-spacing:-1px;}
h1{font-size:40px;}
h2{font-size:35px;}
h3{font-size:30px;} 
h4{font-size:27px;}  
h5{font-size:25px;}
h6{font-size:28px;}

h2.h2{font-size: 23px; line-height: 29px; color:#000080;border-bottom:1px solid #d9e8f3;padding-bottom:3px;margin-bottom:10px;}
h2.h2 span{color:#8fbfd4;}
h2.h2a{padding-bottom:36px;}
h2.small{font-size:18px;}

h2.ind{ margin-bottom:26px;}
h2.ind1{ margin-bottom:30px;}
h2.ind2{ margin-bottom:23px;}

/*================================>> GOOGLE FONTS  <<========================================*/
.sf-menu>li>a{font-family: 'Open Sans', sans-serif;}

/*================================>> hovers <<========================================*/
.button, .sf-menu>li{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#search a{-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.color1{color:#000080;}

.link1{color:#000080;font-weight:bold;}
.link2{color:#8fbfd4;}
.link3{color:#000080;font-weight:bold;}
.link2:hover, .link1:hover, .link3:hover{color:#90c90a;text-decoration:none;}

.news{}
.news p{margin-bottom:10px;}
.news>li{margin-bottom:15px;}
.news>li>div{padding: 0 20px 0 19px;}
.news>li>figure{padding-top:5px;}

.b_ind{margin-top:30px;}
/*********************************page_2*************************************/

.box1{}
.box1>div{padding: 3px 0 0 19px;}
.box1>figure{padding-left:1px;}
.box1 .button{margin-top:26px;}

.standarts{margin-top:-1px;}
.standarts .num{width:54px;height:47px;margin:0 auto 18px;text-align:center;border-radius:100%;background:#66b2dd;color:#fff;font-weight:bold;font-size:36px;line-height:43px;padding-top:6px;}
.standarts .col{margin-left:36px;float:left;width:180px;}
.box2 .staff:first-child, .standarts .col:first-child{margin-left:0;}
.standarts p{margin-bottom:11px;}

.m_bot1{margin-bottom:59px;}
.m_bot2{margin-bottom:25px;}
.m_bot3{margin-bottom:29px;}

.box2{padding: 0 0 0 1px;}
.box2 .staff{border-radius:4px;margin-left:27px;padding: 10px 10px 14px;float:left;width:165px;background:#ecf3f9;}
.box2 .staff img{margin-bottom:10px;}
.box2 .staff strong{display:inline-block;margin-bottom:3px;}

.clients{padding: 53px 0 0 0;}

.quotes{position:relative;border-radius:11px;margin: 0 9px 0 1px;padding: 24px 0 32px 30px;background: url('../images/quotes_bg.png') repeat-x #e3eff4;border:1px solid #eaf3f9;}
.quotes:before{width:40px;height:38px;background: url('../images/quotes.png') no-repeat;left:20px;top:8px;}
.quotes:after{width:37px;height:24px;bottom:-22px;left:62px;background: url('../images/qutes_after.png') no-repeat;}
.quotes:before, .quotes:after{display:block;position:absolute;content:"";}
.author{text-align:right;color:#e7a47c;font-weight:bold;padding: 15px 8px 0 0;margin-bottom:25px;}

/*********************************page_3*************************************/
.service{padding: 15px 15px 20px;margin: 1px 9px 0 1px;border-radius:4px;background:#ecf3f9;}
.service img{margin-bottom:16px;}
.service strong{white-space: nowrap}
/*********************************page_4*************************************/
.stand_list{padding-top:1px;margin-bottom:58px;}
.stand_list>li>figure{border-radius:100%;width:54px;height:47px;font-size: 36px; line-height: 42px; color: #fff;font-weight:bold;padding:6px 0 0;background: url('../images/circle.png') repeat-x;text-align:center;margin: 3px 19px 0 0;}
.stand_list>li>div{margin: 0 10px 0 0px;}
.stand_list>li{border-bottom:1px solid #d9e8f3;padding-bottom:26px;margin-bottom:25px;}

.map_wrapper{overflow:hidden;display:inline-block;margin-bottom:22px;}
#map_canvas {
    width:290px;
	height:302px;
}
.adress{}
.adress span{ display:inline-block; width:70px;}
.adress dt{ margin-bottom:18px;}
.demo{text-decoration:underline;}
.demo:hover{ text-decoration: none;}


/****************************footer************************/
footer {padding:26px 0 35px;width:936px;margin:0 auto;background: url('../images/stripe.png') center 0 no-repeat;}

.social{ overflow:hidden;float:right;padding: 2px 5px 0 0;}
.social a{ display:block; float:left;width:22px;height:22px; overflow:hidden; margin-left:10px;}
.social a:first-child{margin: 0 0 0 0;}
.social a:hover img{ margin-top:-22px;}

/****************************************************/
#statHolder {position:absolute;top:5px;right:0px;color:red;display:none}

#login-box tr {height: 40px}
#login-box td {height: 40px; vertical-align: middle}
#login-box td input {border: 1px solid silver; border-radius: 4px; padding: 5px; width: 150px}
#login-box td .button {width: 80px; margin: 10px}

.top_section {width: 100%}

.middle_section {width: 100%}	
.middle_section table {}
.middle_section td {padding: 3px 5px; border: none}
.middle_section input {}
.middle_section ul {margin: 10px 0px}
.middle_section li {display: inline-block; padding: 3px 5px}
.middle_section li.select {background-color: yellow; font-weight: bold;}
.middle_section .current_filter {font-weight: bold; padding: 3px; background-color: red; color: #fff;}

.list_table {border-collapse: collapse; font-size:13px;}
.list_table td {border: 1px dotted #EDEDED; padding: 3px 3px; vertical-align: middle}
.list_table thead td {text-align: center; font-weight: bold; background-color: #eef; vertical-align: middle; border: 1px solid #ddd}
.list_table tfoot td {padding: 2px 3px; font-weight: bold; background-color: #eee; vertical-align: middle; border: 1px solid #ddd}
.list_table tbody td {padding: 2px 3px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; vertical-align: middle;}
.list_table tbody tr:hover {background-color: #eef}
.list_table .progress1,
.table-grid .progress1 {color: #ffcc00}
.list_table .progress6,
.table-grid .progress6 {color: #ffcc00}
.list_table .progress2,
.table-grid .progress2 {color: #ff944d}
.list_table .progress3,
.table-grid .progress3 {color: #806600}
.list_table .progress4,
.table-grid .progress4 {color: #c2c2a3}
.list_table .progress5,
.table-grid .progress5 {color: #ff0000}
.list_table	tbody .tr_sum {background-color:#E0E0E0; font-weight: bold}
.list_table	tbody .tr_sum:hover {background-color:#E0E0E0}
.list_table	tbody .no-hover:hover {background-color: inherit}

.list_table td.unit {text-align: center;}
.list_table td.value {text-align: center;}

#errmsg {font-size: 18px; font-weight: bold; color: green; background-color: #fff; height: 30px; position: absolute; right: 0px; top: 0px; z-index: 1000000}

#edit_tr td {background-color: #efe; border-bottom: 1px solid #dcc}
#edit_tr td input {width: 95%; padding: 0px; margin:2px 2px 0px 0px; background: none; border: none; border-bottom: 1px dotted silver; }

.print-layout {font-family: Cambria; color: #000}
.print-layout td {padding: 3px; font-size: 13px}
.print-layout th, 
.print-layout tfoot td {padding: 3px; font-size: 13px}
.print-layout input {border: none; border-bottom: 1px dotted #ddd; background-color: #fff; padding: 0px; font-family: inherit; font-size: 13px; color: #000066}
.print-layout .data thead th,
.print-layout .data tbody td,
.print-layout .data tfoot td {border: 1px solid #606060; border-collapse: collapse;}
.print-layout .data tbody td {border-top: 1px solid #c0c0c0; border-bottom: none; border-collapse: collapse; }
.print-layout .table_print th, 
.print-layout .table_print td {font-size: 12px}


#report_page {}
#report_page ul {display: inline;}
#report_page li {vertical-align: middle;}
#report_page li a {color: inherit}

#list_form .progress_mnu {cursor: pointer;}
#list_form .progress_mnu ul {display: none; padding: 0px; border: 1px solid #8B8B7A; background-color: #FFFFE0; position: absolute; margin-top: -2px; right: 0px; overflow: auto}
#list_form .progress_mnu li {display: block; text-align: left;}
#list_form .progress_mnu li.title {font-weight: bold; clear: both;}
#list_form .progress_mnu li.item {}

.navi_content {width: 100%; float: left; color: #fff; } /*background-color: #004C99*/ 
.navi_content select, .navi_content input, .navi_content a {margin: 3px 0px}
.table_content {width:100%; float: right; } /*border-bottom: 3px solid #004C99*/

#main_menu {display: none; background-color: #eef; position: absolute; top: 30px; left: 0px; width: 160px; border: 2px solid orange; z-index: 110000}
#main_menu ul {display: inline; margin: 0px}
#main_menu ul li {display: block; padding: 5px 10px; color: #000}
#main_menu ul li:hover {background-color: orange; color: #fff; font-weight: bold; font-size: 16px;}
#main_menu ul li a {color: inherit; text-decoration: none;}

#profit_form .profit_text {width: 90%; padding: 3px 5px 2px 3px; text-align: right; border: none; border-bottom: 1px dotted silver}

#top-menu {}
#top-menu > li {padding: 5px 10px; display: inline-block; position: relative;}
#top-menu > li .title {font-size: 14px; cursor: default; font-weight: bold}
#top-menu > li:hover {font-weight: bold} /*99d6ff*/
#top-menu > li.selected {font-weight: bold; color: #fff; }
#top-menu > li a {color: inherit; text-decoration: none; margin: 5px 0px}
#top-menu .sub-menu {display: none; position: absolute; background-color: inherit; left: 0px; margin-top: 5px;width: 170px; z-index: 10000; border: 1px solid #808080; border-top: none; border-left: none}
#top-menu .sub-menu li {font-weight: normal; padding: 2px 5px 5px 10px;}
#top-menu .sub-menu li:hover {font-weight: bold}
#top-menu .sub-menu li.selected {font-weight: bold;}
#top-menu .sub-menu li.border-top {border-top: 1px solid #737373}
#top-menu .sub-menu li.border-bottom {border-bottom: 1px solid #737373}

#tabs {margin-top: 10px; margin-bottom: 3px;}
#tabs li {display: inline; padding: 5px; border: 1px solid silver; margin-right: 0px; cursor: pointer; border-bottom: none}
#tabs li:hover {background-color: #eed; font-weight: bold}
#tabs li.selected {background-color: #ddd; font-weight: bold}
#outstock_detail_holder {display: block}
#outstock_cogs_holder {display: none}

#cogs_form table thead td {background-color: pink}
#cogs_form table td {padding: 3px 2px}

#list_holder {margin-top: 10px}
#list_holder table {width: 100%; border: 1px solid #ddd}
#list_holder table tbody {display: block; overflow-y: scroll; max-height: 200px;}
#list_holder table thead tr,
#list_holder table tfoot tr, 
#list_holder table tbody tr {display: table; table-layout: fixed}
#list_holder table thead tr,
#list_holder table tfoot tr {width: calc( 100% - 18px)}
#list_holder table tbody tr {width: calc( 100% - 1px)}

.find_holder {display: none; z-index: 10006; position: absolute; overflow: auto; width: 235px; max-height: 200px; border: 1px solid #ddd; background-color: #ffe; text-align: left; }
.cus_find_holder {display: none; z-index: 10006; position: absolute; overflow: auto; width: 200px; left: 0px; max-height: 200px; border: 1px solid #ddd; background-color: #ffe; text-align: left; margin-top: -1px}

.list_holder {margin: 10px 0px}
.list_holder table {width: 100%; border: 1px solid #ddd}
.list_holder table tbody {display: block; overflow-y: scroll; max-height: 200px;}
.list_holder table thead tr,
.list_holder table tfoot tr, 
.list_holder table tbody tr {display: table; table-layout: fixed}
.list_holder table thead tr,
.list_holder table tfoot tr {width: calc( 100% - 5px)}
.list_holder table tbody tr {width: calc( 100% - 1px)}

#task_content_holder {padding: 10px}
#task_content_holder .day-box {width: 260px; border: 1px solid silver; float: left; margin-right: 5px; margin-bottom: 5px}
#task_content_holder .day-box .doing {}
#task_content_holder .day-box .completed {text-decoration: line-through; color: silver}
#task_content_holder .day-box .normal {}
#task_content_holder .day-box .important {font-weight: bold}
#task_content_holder .day-box .not-important {color: silver}
#task_content_holder .day-box .emergency {font-weight: bold; color: red }
#task_content_holder .day-box .completed.emergency {font-weight: bold; color: #F08080 }
#task_content_holder .day-box .urgent {font-weight: bold; color: #FF8C00 }
#task_content_holder .day-box .completed.urgent {font-weight: bold; color: #FFFACD }
#task_content_holder .label {padding: 3px; border-bottom: 1px solid silver; font-weight: bold}

#task_form label {vertical-align: middle; float: left; margin-right: 10px; min-height: auto}

#task_holder .day-box .doing {}
#task_holder .day-box .completed {text-decoration: line-through; color: silver}
#task_holder .day-box .normal {}
#task_holder .day-box .important {font-weight: bold}
#task_holder .day-box .not-important {color: silver}
#task_holder .day-box .emergency {font-weight: bold; color: red }
#task_holder .day-box .completed.emergency {font-weight: bold; color: #F08080 }
#task_holder .day-box .urgent {font-weight: bold; color: #FF8C00 }
#task_holder .day-box .completed.urgent {font-weight: bold; color: #FFFACD }

/*******************************************************************/
#dashboard {padding: 5px}
#dashboard .dashboard-grid td {vertical-align: top;}
#dashboard .boxx {width: 100%} /*border: 1px solid silver; */
#dashboard input[type="text"] {border-bottom: 1px solid silver}
#dashboard form input,
#dashboard form select,
#dashboard form textarea {border: none; border-bottom: 1px solid silver}
#dashboard .row {padding: 3px 0px}
#dashboard h6 {padding: 5px 0px; font-size: 16px}

#dashboard #search_holder {margin-bottom: 10px}
#dashboard #right_holder td,
#dashboard #left_holder td {border: 1px solid #ddd; padding: 2px 3px}

#dashboard #outstock_form,
#dashboard #instock_form {margin-left: 5px; height: 83vh; overflow: auto;}

#dashboard #outstocklist_form,
#dashboard #instocklist_form,
#dashboard #debtlist_form,
#dashboard #debtinfo_form,
#dashboard #cuslist_form,
#dashboard #suplist_form {height: 83vh; overflow: auto; width: 100%; border: 1px solid silver}

#dashboard #income_list_form,
#dashboard #spend_list_form {height: 88vh; overflow: auto; width: 100%; border: 1px solid silver}

#dashboard #outstocklist_form tr.selected,
#dashboard #debtinfo_form tr.selected,
#dashboard #debtlist_form tr.selected,
#dashboard #suplist_form tr.selected,
#dashboard #cuslist_form tr.selected {background-color: #FFFF66}

#dashboard #customer_form td,
#dashboard #supplier_form td {border: none}
#dashboard #outstockdetail_form input {padding: 3px}
#dashboard #outstockdetail_form input[type="number"] {font-size: 90%}
#dashboard #outstockdetail_form .odetail_find_holder {width: 95%; display: none; z-index: 10006; position: absolute; overflow: auto; max-height: 200px; border: 1px solid #ddd; background-color: #ffe; text-align: left;}

#btn2 {display: none; position: absolute; z-index: 1000; top: 18px; right: -3px; background-color: #eee; width: 150px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#btn2 ul {margin: 5px 3px; padding: 0px}
#btn2 li {list-style: none; margin-left: 5px; line-height: 24px; display: block; text-align: left; font-weight: normal}

.btn2 {display: none; position: absolute; z-index: 1000; top: 18px; right: 0px; background-color: #eee; width: 150px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.btn2 ul {margin: 5px 3px; padding: 0px}
.btn2 li {list-style: none; margin-left: 5px; line-height: 24px; display: block; text-align: left; font-weight: normal}

.btn3 {display: none; position: absolute; z-index: 1000; top: 30px; left: 0px; background-color: #eee; width: 150px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.btn3 ul {margin: 3px; padding: 0px}
.btn3 li {list-style: none; margin-left: 5px; line-height: 24px; display: block; text-align: left; font-weight: normal}
.btn3 li a {text-decoration: none}
.btn3 li a:hover {font-weight: bold}
.btn3 li img {vertical-align: middle}

.popup_form .pro_form1 input,
.popup_form .pro_form1 select,
.popup_form .pro_form1 textarea {border: none; border-bottom: 1px solid silver; background: none}

.tab_menu {border-bottom: 2px solid silver; margin-bottom: 10px}
.tab_menu li {list-style: none; display: inline; padding: 3px 5px}
.tab_menu li:hover {font-weight: bold; background-color:silver; cursor: pointer}
.tab_menu li.selected {font-weight: bold; background-color:gray; color: #fff}

td.tdbox {width: 20%; border: 2px solid silver; border-bottom: none; padding: 0px}
td.tdbox .list90 {height: 95vh;}
td.tdbox .list90 .list {height: calc(100% - 25px); overflow: auto;}
td.tdbox .list50 {height: 46.5vh;}
td.tdbox .list50 .list {height: calc(100% - 20px); overflow: auto;}
td.tdbox .list30 {height: 27vh;}
td.tdbox .list30 .list {height: calc(100% - 20px); overflow: auto;}
td.tdbox .list70 {height: 67vh;}
td.tdbox .list70 .list {height: calc(100% - 20px); overflow: auto;}
.box_content {position: static}
.box_content .title {background-color: #C4DFF9; padding: 2px 5px; font-weight: bold}
.box_content .title form select, 
.box_content .title form a {font-size: 90%; float: left; margin-top: 1px; }
.box_content .title form select {color: #aaa; border: 1px solid #aaa}

label.debt_label {color: red; margin-left: 10px}