.main .body .filter {float:left; width:140px; border-right:solid 1pt #DCDCDC; padding-right:2px}
.main .filter .separator {clear:both; border-bottom:solid 1pt #DCDCDC; margin-top:5px; margin-bottom:5px}
.main .filter .option {margin-top:6px; margin-bottom:6px}
.main .filter .title {font-size:12pt; font-weight:bold; margin-bottom:4px}
.main .filter .subtitle {font-weight:bold; margin-bottom:4px}
.main .filter .blank {margin-top:4px}
.main .filter .select {width:100%; margin-left:0px; font-size:8pt}
.main .filter .date {width:65px; font-size:8pt}
.main .filter .text {width:100%}
.main .body .content {overflow:hidden}

.view {font-size:10pt}
/* new/edit item general */
#item-id {font-size:8pt; padding:4px}
#item-id table th {text-align:left; background-color:steelblue; color:white; padding:2px}
#item-id table td {padding:2px}
#item-id input {font-size:8pt}
#item-id textarea {font-size:8pt}
#item-id select {float:left; width:200px; font-size:10pt}
#item-id .subtitle {clear:both; width:98%; font-size:12pt; font-weight:bold; 
	margin-left:5px; margin-top:12px; margin-bottom:4px; border-bottom:solid 1pt #DCDCDC}
#item-id .snumber {width:60px; text-align:right}
#item-id .lvalue {float:left; width:100px; margin-top:4px; margin-left:4px}
#item-id .rdouble {float:left; margin-left:0px; width:500px; font-size:10pt}
#item-id .rcode {float:left; margin-left:0px; width:100px; font-size:10pt}
#item-id .date {float:left; margin-left:0px; width:75px; font-size:10pt}
#item-id .idate {float:left; height: 16px; border:0px; margin-left:1px; margin-right:2px; margin-top:2px}
#item-id .rtext {float:left; margin-left:0px; width:199px; font-size:10pt}
#item-id .half {float:left; width:303px}
#item-id .rradio {margin-left:0px}

/* background color for states */
.row-state-green-light {background-color:#66FF99}
.row-state-red-light {background-color:#FF6666}
.row-state-blue-light{background-color:#66CCFF}
.row-state-gray-light {background-color:#CCCCCC}
.row-state-pink-light {background-color:#FF50FF}
.row-state-yellow-light{background-color:#FFFF99}
.row-state-green-dark {background-color:#66FF89}
.row-state-red-dark {background-color:#FF6656}
.row-state-blue-dark{background-color:#66CCDF}
.row-state-gray-dark {background-color:#CCCCBC}
.row-state-pink-dark {background-color:#F500F5}
.row-state-yellow-dark{background-color:#FFFF89}

/* log */
#log-id {padding:2px}
.log table th {text-align:left; background-color:steelblue; color:white; padding:2px}
.log table tr.row-odd {background-color:#B5EAAA}
.log table tr.row-even {background-color:#DDFFD2}

/* files */
#vfiles-id {width:500px}
#vfiles-id .text {width:175px}
#vfiles-id .date {width:90px}
#vfiles-id .buttons {margin-left:8px}
.number-circle {
    border-radius: 50%;
    /*width: 14px;*/
    height: 14px;
    padding: 4px;    
    background: #0000ff;
    border: 2px solid #666;
    color: white;
    text-align: center;    
    font: 12px Arial, sans-serif;
}
#thdes {text-align:left}
.truncate {max-width:250px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}