html, body  {background-color: White;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 8pt;
	margin: 0; 
}

/* GC: for apply background-color float is necesary */
.main .body .filter {float: left; width: 130px; margin-top: 4px; padding: 2px; border-right: solid 1pt #DCDCDC; margin-right: 4px}
.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-weight:bold; margin-bottom:4px}
.main .filter .blank {margin-top:4px}
.main .filter select {font-size:8pt}
.main .filter .date {width:65px; font-size:8pt}
.main .filter .awidth {width:98%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}}
.main .body .content {overflow:hidden} /* allows the block to expand to the right */
#items-id {overflow:hidden}
.main .foot {clear:both; width:100%}

/* new/edit */
#item-id {width:500px}
#vedit-id .subtitle {width:98%; font-size:11pt; font-weight:bold; 
	margin-left:5px; margin-top:12px; margin-bottom:8px; border-bottom:solid 1pt #DCDCDC}
#vedit-id .select {float:left; font-size:8pt; width:154px; margin-bottom:4px}
#vedit-id .top {vertical-align:top}
#vedit-id .label {float:left; font-size:9pt; margin-left:5px; margin-right:5px; margin-bottom:4px; width:80px}
#vedit-id .text {float:left; width:150px; margin-bottom:4px}
#vedit-id .date {float:left; width:130px; margin-bottom:4px}
#vedit-id .mtext {width:390px; margin-bottom:4px}
#vedit-id .buttons {margin-left:8px}

/* n-view */
.row-state1 {background-color:#FFA0A0}
.row-state2 {background-color:#BEBEFF}
.row-state3 {background-color:#FFFFB4}
.row-state4 {background-color:#CACACA}
.row-state5 {background-color:#BEFFBE}
.row-state6 {background-color:#FFBEFF}
.row-state7 {background-color:#EE6EEE}
#view-id .adjunct {margin-left:7px}

/* report */
#vreport-id {font-size:9pt}
#vreport-id .subtitle {width:98%; font-size:11pt; font-weight:bold; 
	margin-left:5px; margin-top:24px; margin-bottom:8px; border-bottom:solid 1pt #DCDCDC}
#vreport-id .top {vertical-align:top}
#vreport-id .lvalue {float:left; font-style:italic;
	margin-left:5px; margin-right:5px; margin-bottom:4px; width:100px}
#vreport-id .text {float:left; width:150px; margin-bottom:4px}
#vreport-id .date {float:left; width:130px; margin-bottom:4px}
#vreport-id .mtext {width:390px; margin-bottom:4px}

/* 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%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 14px;
    height: 14px;
    padding: 4px;    
    background: #0000ff;
    border: 2px solid #666;
    color: white;
    text-align: center;    
    font: 12px Arial, sans-serif;
}
#progress-id {display:none; float:left; height:14px}