/** sprite:spriteRef; sprite-image:url('../img/sprite_transaction.png'); sprite-layout:vertical; sprite-image-uid:date */
/* CSS Document */
#dailyCTN, #weeklyCTN {
    padding: 15px 0 0 0;
}

#dailyCTN div.region, #weeklyCTN div.region {
    float: left;
    padding-left: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
    width: 90px;
    height: 23px;
    background-color: transparent;
    background-repeat: no-repeat;
}

#dailyCTN div.modDate, #weeklyCTN div.modDate {
    float: right;
}

#dailyCTN table, #weeklyCTN table {
    width: 100%;
}

#dailyCTN th {
    height: 40px;
}

#dailyCTN td, #weeklyCTN td, #weeklyCTN th {
    height: 25px;
    line-height: 25px;
}

div.regiontab {
    background: transparent;
    height: 25px;
}

div.regiontab ul li {
    display: inline;
    height: 25px;
}

div.regiontab li a {
    display: block;
    float: left;
    width: 73px;
    height: 23px;
    background-color: transparent;
    background-repeat: no-repeat;
    outline-style: none;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
}

div.regiontab li a:link, div.regiontab li a:visited {
    background-color: transparent;
    color: #fff;
    text-decoration: none;
}

div.regiontab li a:hover {
    background-color: transparent;
    color: #fff;
    text-decoration: none;
}

div.regiontab li a.HK, div.regiontab li a.HK:link, div.regiontab li a.HK:visited {
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../img/btn_HK_off.gif);
/** sprite-ref:spriteRef */;
}

div.regiontab li.on a.HK, div.regiontab li.on a.HK:link, div.regiontab li.on a.HK:visited {
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../img/btn_HK_on.gif);
/** sprite-ref:spriteRef */;
}

div.regiontab li a.KL, div.regiontab li a.KL:link, div.regiontab li a.KL:visited {
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../img/btn_KL_off.gif);
/** sprite-ref:spriteRef */;
}

div.regiontab li.on a.KL, div.regiontab li.on a.KL:link, div.regiontab li.on a.KL:visited {
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../img/btn_KL_on.gif);
/** sprite-ref:spriteRef */;
}

div.regiontab li a.NT, div.regiontab li a.NT:link, div.regiontab li a.NT:visited {
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../img/btn_NT_off.gif);
/** sprite-ref:spriteRef */;
}

div.regiontab li.on a.NT, div.regiontab li.on a.NT:link, div.regiontab li.on a.NT:visited {
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../img/btn_NT_on.gif);
/** sprite-ref:spriteRef */;
}

td.Area, th.Area,
td.BuildName, th.BuildName,
td.Flat, th.Flat,
td.Size, th.Size,
td.TotalMoney, th.TotalMoney,
td.FeetMoney, th.FeetMoney,
td.SignDate, th.SignDate,
td.Name, th.Name,
td.WeekFeetMoney, th.WeekFeetMoney,
td.UpDown, th.UpDown {
    border-right: 1px solid #fff;
}

td.Area, th.Area {
    padding-left: 5px;
    width: 70px;
}

th.Area {
    text-align: center;
}

td.BuildName, th.BuildName {
    width: 90px;
}

td.BuildName {
    padding-left: 5px;
}

th.BuildName {
    text-align: center;
}

td.Flat, th.Flat {
    width: 160px;
}

td.Flat {
    padding-left: 5px;
}

th.Flat {
    padding-left: 20px;
}

td.Size, th.Size,
td.TotalMoney, th.TotalMoney,
td.FeetMoney, th.FeetMoney {
    width: 50px;
}

td.Size, td.TotalMoney, td.FeetMoney {
    text-align: right;
    padding-right: 5px;
}

th.Size, th.TotalMoney, th.FeetMoney {
    text-align: center;
}

td.SignDate, th.SignDate {
    width: 66px;
}

td.SignDate {
    text-align: right;
    padding-right: 5px;
}

th.SignDate {
    text-align: center;
}

td.Info, th.Info {
    width: 82px;
}

td.Info {
    padding-left: 5px;
}

th.Info {
    text-align: center;
}

td.Name, th.Name {
    padding-left: 15px;
    width: 200px;
}

th.Name {
    text-align: center;
}

td.WeekFeetMoney, th.WeekFeetMoney,
td.UpDown, th.UpDown, 
td.Rent, th.Rent {
    width: 141px;
    text-align: right;
    padding-right: 15px;
}

div.tab ul li.hk,
div.tab ul li.kln,
div.tab ul li.nt,
div.tab ul li.island,
div.tab ul li.hk a,
div.tab ul li.kln a,
div.tab ul li.nt a,
div.tab ul li.island a {
    width: 73px;
    height: 35px;
    padding-left: 0px;
    padding-right: 0px;
    background-repeat: no-repeat;
}

div.tab ul li a.on {
    height: 36px;
}

div.tab ul li.hk a {
    background-image: url(/img/tab_hk_off.gif);
}

div.tab ul li.kln a {
    background-image: url(/img/tab_kln_off.gif);
}

div.tab ul li.nt a {
    background-image: url(/img/tab_nt_off.gif);
}

div.tab ul li.island a {
    background-image: url(/img/tab_island_off.gif);
}

div.tab ul li.hk a.on {
    background-image: url(/img/tab_hk_on.gif);
}

div.tab ul li.kln a.on {
    background-image: url(/img/tab_kln_on.gif);
}

div.tab ul li.nt a.on {
    background-image: url(/img/tab_nt_on.gif);
}

div.tab ul li.island a.on {
    background-image: url(/img/tab_island_on.gif);
}

div.pagerCTN {
	padding: 10px 0 10px;
    width: 100%;
    background-color: #fff;
}
 
div.sortKey {
    border: none;
    float: right;
    height: 25px;
    padding: 0 15px 0 0;
}

div.sortKey .label {
    padding-top: 2px;
    *padding-top: 5px;
}

div.sortKey a, div.sortKey div, div.sortKey select {
    float: left;
}

div.sortKey .down, div.sortKey .up, div.sortKey select {
    *display: inline;
    margin-left: 5px;
}

div.sortKey a, div.sortKey a:hover {
    border: 1px solid #cfb68c;
    display: block;
    width: 18px;
    height: 18px;
    text-decoration: none;
}

div.sortKey .down {
    background-image: url(/img/ic_brown_arrow_down.png);
}

div.sortKey .up {
    background-image: url(/img/ic_brown_arrow_up.png);
}
/*e:paging*/

  
.transaction_breif {
    margin-top: 10px;
    margin-bottom: 10px;
}

a.searchTransaction {
    background-image: url(/img/btn_search.gif);
    background-repeat: no-repeat;
    width: 66px;
    height: 24px;
    display: block;

}

div.tranSearch {
    background-image: url(/img/btn_deal_search_off.gif);
    background-repeat: no-repeat;
    width: 94px;
    height: 29px;
    display: block;
}

div.on div.tranSearch {
    background-image: url(/img/btn_deal_search_on.gif);
}

div.tranRecord {
    background-image: url(/img/btn_deal_list_off.gif);
    background-repeat: no-repeat;
    width: 127px;
    height: 29px;
    display: block;
}

div.on div.tranRecord {
    background-image: url(/img/btn_deal_list_on.gif);
}

div.tranRecord a:hover {
    background: none;
}

.content  h2 {
    width: 100%;
    border-bottom: 1px solid #0c527c;
}

#estate {
    width: 130px;
}

#compareGraphic {
    border: solid 1px #0c527c;
    margin-left: 0px;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

table.year_selection  a.y5,table.year_selection   a.y2 {
    display: block;
    width: 29px;
    height: 18px;
    background-repeat: no-repeat;
}

table.year_selection  a.y2 {
    background-image: url("/img/btn_2yr_off.gif");
}

table.year_selection a.y5 {
    background-image: url("/img/btn_5yr_off.gif");
}

table.year_selection  div.on a.y2 {
    background-image: url("/img/btn_2yr_on.gif");
}

table.year_selection  div.on a.y5 {
    background-image: url("/img/btn_5yr_on.gif");
}

table.year_selection td {
    height: 25px;
    padding-left: 7px;
}

table .chooseItem span {
    width: 12px;
    height: 12px;
    display: inline-block;
}

table.year_selection {
    width: 618px;
    padding-left: 7px;
    padding-right: 7px;
}

.chooseItem div {
    display: inline;
    margin-left: 3px;
}

.chooseItem span.on {
    background-image: url(/img/tick.gif);
    background-repeat: no-repeat;
}

.chooseItem span {
    width: 12px;
    height: 12px;
    display: inline-block;
}

.chooseItem1 span {
    border: 1px solid #f46c00;
}

.chooseItem2 span {
    border: 1px solid #009744;
}

.chooseItem3 span {
    border: 1px solid #ff0000;
}

.year_selection .chooseItem .chooseItem1 {
    color: #f46c00;
}

.year_selection .chooseItem .chooseItem2 {
    color: #009744;
}

.year_selection .chooseItem .chooseItem3 {
    color: #ff0000;
}

.transaction_breif table, #dailyCTN table {
    border-spacing: 3px;
    border-collapse: separate;
}

div.cnt-box div.cntmargin {
    width: 623px;
    overflow: hidden;
    margin: 0 auto;
}

#dailyCTN table td.property, #dailyCTN table td.district {
    cursor: pointer;
    text-decoration: underline;
}

#dailyCTN > table > tbody > tr > td {
    padding: 0 5px;
}

.trans_top {
    width: 400px;
}

.trans_top td {
    width: 120px;
}

.trans_top select {
    width: 120px;
}

#twoColLeftCTN {
    padding-bottom: 15px;
}

#twoColLeftCTN  .hasNext .cnt-box .body .content > h2 {
    font-size: 16px;
    font-weight: bold;
}

#twoColLeftCTN .body .content > h2.area {
    padding-bottom: 3px;
}

.no_transaction {
  background-image: url("/img/v2/bg.png");
  background-repeat: repeat;
  height: 300px;
  width: 653px;
}

.no_transaction > img {
  left: 180px;
  position: relative;
  top: 130px;
}

#transactionCTN {
		position:relative;
		
	}
	
#transactionCTN .body {
	padding-top:40px;
	background-color:#fff;
}
#transactionCTN .body .header {
	background-color:#0c527c;
	color:#fff;
}