@charset "utf-8";

#area_sales{height:640px;margin:0 10px;}

.gBar {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #e9e9e9;
    border-color: #ccc #ccc #ccc #ccc;
    /*border-image: none;*/
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
    display: inline-block;
    height: 20px;
    position: relative;
}

.gBar span {
    color: #767676;
    line-height: 20px;
    position: absolute;
    right: -50px;
    top: 0;
    width: 40px;
}

.tData .gChange{text-align:right;padding-right:10px;}
.tData .gAmount{text-align:right;padding-right:5px;}
.tData .gAccrue{text-align:right;padding-right:5px;}

.gYear  select{width:70px;height:30px;font-size:12px;border-radius:2px;}
.gMonth select{width:55px;height:30px;font-size:12px;border-radius:2px;}
.gBtn{position:absolute;left:957px;top:30px;}
.gBtn a{width:33px;height:28px;}
.gBtn span{font-size:11px;}
.gWave{position:absolute;left:647px;top:37px;}
.gReset{position:absolute;left:993px;top:30px;}
.gReset a{width:33px;height:28px;}
.gReset span{font-size:11px;}

#y_start {position:absolute;left:658px;top:30px;}
#m_start {position:absolute;left:729px;top:30px;}
#y_end   {position:absolute;left:802px;top:30px;}
#m_end   {position:absolute;left:873px;top:30px;}

#sActType{position:absolute;left:535px;top:30px;}
#sDentist{position:absolute;left:785px;top:30px;}
#sDentist select{width:171px;height:30px;font-size:12px;border-radius:2px;}
#sDentist input {width:171px;height:30px;font-size:12px;}

#area_sales .noprint{display:block;}
#area_sales .okprint{display:none;height:10px;}

#area_sales table{table-layout:fixed;}
#area_sales table tbody tr td{height:31px;line-height:22px;text-overflow:ellipsis;overflow:hidden;}

#sales_search_start{position:absolute;left:545px;top:30px;}
#sales_search_end  {position:absolute;left:658px;top:30px;}
.sales_search_date input{height:30px;width:100px;font-size:12px;}

.tPrint caption{padding-top:0px;padding-bottom:10px;font-weight:900;font-size:14px;}
.tPrint .gChange{text-align:right;padding-right:10px;}
.tPrint .gAmount{text-align:right;padding-right:5px;}
.tPrint .gAccrue{text-align:right;padding-right:5px;}

.vGraph {
    padding: 30px 0;
}
.vGraph ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #ddd #ddd;
    border-image: none;
    border-style: none none solid solid;
    border-width: 0 0 1px 1px;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    height: 200px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.vGraph ul::after {
    clear: both;
    content: "";
    display: block;
}
.vGraph li {
    display: inline;
    float: left;
    height: 100%;
    margin: 0 1.1%;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 4%;
}
.vGraph .gTerm {
    color: #767676;
    display: inline-block;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin: 0 -100% -20px 0;
    padding: 200px 0 0;
    position: relative;
    vertical-align: bottom;
    width: 100%;
}
.vGraph .gBar {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #e9e9e9 none repeat scroll 0 0;
    border-color: #ccc #ccc -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    display: inline-block;
    margin: -1px 0 0;
    position: relative;
    vertical-align: bottom;
    width: 100%;
}
.vGraph .gBar span {
    color: #767676;
    left: -8;
    position: absolute;
    top: -20px;
    width: 140%;
}