table{
	width:97%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow:hidden;
border:1px solid #cccccc;
border-bottom:none !important; 
	}
th{
	text-align:left;
	background:#ffc628;
	padding: 5px 20px;
	font-family: 'FGRebeccaScript', sans-serif;
	font-size: 24px;
	vertical-align: middle;
	color:#ffffff;
	font-weight:100;
}	
td{
   border-left: 1px solid #ccc;
   border-bottom:1px solid #ccc;
   vertical-align: middle;
   line-height:14px;
}
td:first-child{
	border-left:none;
}
#tr1{
	background:#ffffff;
	}
#tr1 .head{
	color:#666;
	font-weight:100;
	font-family:'ITCAvantGardeStd-Demi',sans-serif;
	font-size:13px;
	}
#tr1 .detail{
	color:#999;
	font-weight:100;
	font-family:'ITCAvantGardeStd-Bk',sans-serif;
	font-size:12px;
	
	}		
	
#tr2{
	background:#f7f7f7;
	}
#tr2 .head{
	color:#666;
	font-weight:100;
	font-family:'ITCAvantGardeStd-Demi',sans-serif;
	font-size:13px;
	}
#tr2 .detail{
	color:#999;
	font-weight:100;
	font-family:'ITCAvantGardeStd-Bk',sans-serif;
	font-size:12px;
	}
/*----------------------------------*/
#scrollbox4 {
    overflow: auto;
    width: 450px;
    height: 250px;
    padding: 0 5px;
}

.track4 {
    width: 1px;
    background-clip: padding-box;
    background: #fff;
    border-style: solid;
    border-color: transparent;
    border-width: 0;
    border-left-width: 1px;
}

.track4.dragging,
.track4:hover {
    background: #f2f2f2; /* No RGBA support */
    background: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1);
}

.track4:active {
    background: #f2f2f2; /* No RGBA support */
    background: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14),
                        inset -1px -1px 0 rgba(0, 0, 0, 0.07);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14),
                inset -1px -1px 0 rgba(0, 0, 0, 0.07);
}

.handle4 {
    width: 10px;
    background-clip: padding-box;
    background: #ccc; /* No RGBA support */
    background: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1),
                        inset 0 -1px 0 rgba(0, 0, 0, 0.07);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1),
                inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}

.handle4:hover {
    background: #999; /* No RGBA support */
    background: rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.dragging .handle4,
.handle4:active {
    background: gray; /* No RGBA support */
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35);
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35);
}