#progress-contrain{ width:720px; }
#progress-header{ background-color:#1dbfd6; height:27px; border-bottom:solid #0ca3b8 1px; background-image:url(../images/progress-header.gif); background-repeat:no-repeat; padding:0 0 0 0;}
#progress-header span{ display:none;}


#year{width: 720px; height: 28px;  margin:0; padding:0; background-image:url(../images/bg-year.gif); margin:0; padding:0; margin-top:31px;}
#year li {list-style: none; float: left; width:115px; text-align:center; font-size:14px; color:#fff;}
#year li a {display: block; text-decoration: none; height: 22px; background-position: 0 0; background-repeat: no-repeat; padding-top:5px;}
#year li a:hover {background-position: 0 -35px;}
#year li span { }

#yearli #y2551 a {background-image: url(../images/home.gif); width: 90px;}
#yearli #y2552 a {background-image: url(../images/service.gif); width: 112px;} 
.year-active{ background-color:#fff; border-left:1px solid #acacac;border-top:1px solid #acacac;border-right:1px solid #acacac; }
.year-normal a{ color:#fff;}
.year-active a{ color:#1ebed8;}


#month{ margin:21px 0 0 0; padding:0; width:116px; float:left;}
#month li {list-style: none;  width:115px; text-align:center; font-size:12px; color:#452307; border-bottom:1px solid #acacac;  border-top:1px solid #acacac;display: block; text-decoration: none; height: 20px; background-position: 0 0; background-repeat: no-repeat; padding-top:5px;}
#month > li + li{  border-top:0px solid #fff;}
#month li a { text-decoration:none;}
#month li a:hover {background-position: 0 -35px;}
#month li span { }
.month-normal a{ color:#452308;}
.month-active{ background-color:#da501f; }
.month-active a{color:#FFFFFF;}
.month-dis span{ color:#ababab;}

#right-progress{ width:604px; float:right;}

#quick-select{ background-image:url(../images/quick-select.gif); background-repeat:no-repeat; width:282px; height:18px; margin:19px 0 0 0px; padding:0;}
#quick-select span{ visibility:hidden;}


#tb-select{ background-color:#dedede; height:36px; width:720px; margin-left:0px; border-bottom:#d5d5d5 1px solid;}
.label{ text-align:right; color:#7d7d7d;}
.fselect{ text-align:left; padding-left:10px; background-image:url(../images/edge-select.gif); background-position:right; background-repeat:no-repeat;}
.fselect-noedge{ text-align:left; padding-left:10px;}
select{ font-family:Tahoma; font-size:12px; color:#7d7d7d;}



#tab-date{width: 589px; height: 28px;   margin:0; padding:0; background-image:url(../images/bg-year.gif); margin:0; padding:0; margin-top:10px; margin-left:15px;}
#tab-date li {list-style: none; float: left; width:115px; text-align:center; font-size:12px; color:#fff;}
#tab-date li a {display: block; text-decoration: none; height: 20px; background-position: 0 0; background-repeat: no-repeat; padding-top:7px;}
#tab-date li a:hover {background-position: 0 -35px;}
#tab-date li span { }


.tab-date-active{ background-color:#fff; border-left:1px solid #acacac;border-top:1px solid #acacac;border-right:1px solid #acacac; }
.tab-date-normal a{ color:#45220c;}
.tab-date-active a{ color:#45220c;}


#box-dataprogress{ border-left:#acacac solid 1px; border-right:#acacac solid 1px; border-bottom:#acacac solid 1px;   margin:0 0 0 15px; padding-top:15px;}
#shadow-progress{ background-image:url(../images/shadow-progress.gif); height:27px; width:589px; margin-left:15px;}

#box-gray{background-color:#e2e2e2; padding:5px;}
#tb-dataprogress{ background-color:#fff; width:577px; }
#content-condo2 {background-image:url(../images/bg-condo.gif);background-repeat:no-repeat;}
#content-condo2 .in2{ margin:10px 0 15px 10px;}
#content-condo2 .in2 > p{ margin:0 0 0 10px; padding:0;}
#content-condo2 .in2 > p + p { margin:5px 0 0 10px;}
#content-condo2 .in2 > p + p + p { margin:5px 10px 0px 0; padding:5px 0 0 10px; border-top:solid 1px #CCCCCC; background:url(../images/bull-condo2.gif) no-repeat left center;}
#content-condo2 .in2 a{ color:#1dbfd7; text-decoration:none;}
#content-condo2 .in2 a:hover{ color:#993300; text-decoration:none;}
#content-condo2 .in2 p { color:#666666;}
#content-condo2 .in2 p strong { color:#45220a;}
.project-name{ color:#452109;}
.linebm{ border-bottom:1px solid #CCCCCC;}

#progress-header2{ background-color:#1dbfd6; height:27px; border-bottom:solid #0ca3b8 1px; background-image:url(../images/progress-header.gif); background-repeat:no-repeat; padding:0 0 0 0; margin:0;}

#progress-header2{ background-color:#1dbfd6; height:27px; border-bottom:solid #0ca3b8 1px; background-image:url(../images/progress-header.gif); background-repeat:no-repeat; padding:0 0 0 0; margin:0;}
#progress-header2 span{ display:none;}
#nav-progress{  width:720px; margin:0; padding:0; height:27px; border-bottom:#acacac solid 1px;}
#nav-progress > p{ margin:0; padding:0;width:200px; float:left; height:22px; padding-top:0px;}
#nav-progress > p a{ color:#1ebfdb; text-decoration:none;}
#nav-progress > p a:hover{ color:#da521e; }
#nav-progress > p + p{ width:40px; float:right; text-align:right; margin-top:3px;}
.back-progress{ display:block; background-image:url(../images/back-icon.gif); background-repeat:no-repeat; padding-left:13px;margin-top:5px; padding-top:}

.back-btn{ display:block;background-image:url(../images/btnback.gif); width:14px; height:14px; float:left; margin-top:3px;}
.back-btn span{ display:none;}
.back-btn-dis{ display:block;background-image:url(../images/btnback-dis.gif); width:14px; height:14px; float:left; margin-top:3px;}
.back-btn-dis span{ display:none;}
.next-btn{ display:block;background-image:url(../images/btnnext.gif); width:14px; height:14px; float:left; margin-top:3px;}
.next-btn span{ display:none;}
.next-btn-dis{ display:block;background-image:url(../images/btnnext-dis.gif); width:14px; height:14px; float:left; margin-top:3px;}
.next-btn-dis span{ display:none;}
.lineedge{ width:1px; height:20px; background-color:#999999; float:left;  margin-left:3px; margin-right:3px;}

#title-progress{ height:80px; width:720px;}
#title-progress img{ float:left;}
#title-progress p{ float:left; line-height:140%;}
.date-style{ color:#7d7d7d;}

#progress-detail{ background-image:url(../images/shadow-building.gif); background-repeat:repeat-x;}
#left-progress{  width:442px; float:left;}
#left-progress #nav-img{ height:25px;width:42px; padding-top:2px;background-image:url(../images/shadow-building.gif); background-repeat:repeat-x; padding-left:400px;}
#right-progress2{  width:275px; float:right;}
#descrip-pic{ margin:10px 0 20px 0; padding:0;}
#descrip-pic span{ background-image:url(../images/bull-condo2.gif); background-repeat:no-repeat; padding-left:12px;}

#box-thr{ border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;}
#box-thr img:hover { border:1px solid #000000;border:1px solid #000000; }


#thrumb-pic{ margin:10px 0 25px 0; padding:0; }
#thrumb-pic li{ margin:0; padding:0; width:65px; height:47px; float:left;  padding-right:8px; padding-bottom:10px; list-style-type:none; }
#thrumb-pic li img{ border:1px solid #b3b3b3;}
.thrumb-pic-swap  { border:1px solid #000000;border:1px solid #000000!important; }


#title-conclu{ height:24px; width:250px; background-color:#FFFFFF; border-bottom:#acacac solid 1px;border-top:#acacac solid 1px; font-size:12px; font-weight:normal; margin:24px 0 0 22px; padding:0;}
#descrip-now{ margin:7px 0 0 30px; padding:0 0 0 0;}

#btn-print{ margin:10px 0 0 20px; padding:0;}
#btn-print a { display:block; text-decoration:none; width:55px; height:22px; background-image:url(../images/btn-print.gif);}
#btn-print span{ visibility:hidden;}



/* 31/5/2010 */

#listPG{ /*background-color:#00FFCC;*/ width:577px; margin:0; padding:0; list-style-type:none;}
#listPG li{ /*background-color:#00FFCC;*/ background:url(../images/bg-pg.gif); width:144px; background-color:#CCCCCC; float:left; height:235px;}
#listPG li table{ border:none; width:100%; /*background-color:#6666FF;*/ height:235px;}
#listPG li table td{ vertical-align:bottom; text-align:left;}
#listPG li table td .detailClick{ margin:6px 0 14px 10px; }
#listPG li table td .pgProject{ width:124px;  margin:0 auto; border-bottom:1px solid #cccccc; padding-left:17px; padding-bottom:5px; line-height:130%;}
#listPG li table td .colorDate{ color:#666666;}
#listPG li table td .eiaIcon{ padding-bottom:5px;}
#listPG li table td .pjbd{ padding-bottom:8px;}