@charset "TIS-620";
/* CSS Document */
/*Mater style sheet for Global*/
/*Imported style sheets*/
@import url("default.css");
@import url("txt.css");
@import url("form.css");
@import url("decorate.css");
/*hilight project*/
#content-hilight{
	float:left;
	background-color:#f2f2f2;
	padding:19px 0px 16px 13px; 
	width:708px;
}
#layout-tab{
	float:left;
	background-image:url(../images/shared/projects/bg-tab.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:721px;
	margin-top:12px;
}
#sortby{
	float:left;
	width:135px;
	padding:12px 0 0 8px;
	font-weight:800;
	color:#676767;
}
#tab-img{
	float:left;
	width:578px;
	padding:0;
	margin:0;
/*	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 2;*/
}
.margin-imgprojects{
	margin:8px 0 8px 0 ;
}
.line-bluesky{
	border-bottom:#aed5e4 solid 1px;
}
.line-bluesky-2px{
	border-bottom:#aed5e4 solid 2px;
}
.projects-search-padding{
	padding:0 0 0 37px;
}
.projects-content{
	padding:15px 15px 15px 8px;
}
.projects-content-past{
	padding:15px 173px 15px 8px;
}
.floorplan-padding{
	padding:16px 21px 15px 0;
}
p.icon-enlarge{
	margin:0;
	padding:4px 0 0 0;
}
.price-content{
	/*padding:15px 0 0 25px;*/
	padding:15px 0 0 0;
	color:#666666;
}
.icon-content{
	padding:15px 33px 0 0px;
}
#layout-next-back{
	float:left;
	width:675px;
	text-align:right;
	padding:15px 0px 20px 0;
	color:#666666;
}
#layout-btn-list{
	float:left;
	width:675px;
	text-align:right;
	padding:12px 0px 0px 0;
	color:#666666;
	border-top:#aed5e4  solid 1px;
}
#content-buyer{
	width:450px;
	float:left;
	padding-left:40px;
}
#bg-gray-buyer{
	width:740px;
	float:left;
	background-color:#f2f2f2;
	height:91px;
	margin:25px 0 25px 0;
}
.border-img-buyer{
	float:left;
	border:#dee3e8 solid 5px;
	margin-right:28px;
}
.imgtxt-buyer{
	margin:7px 0px 0 0;
}
#countrydivcontainer{
	width:676px;
	float:left;
	padding:25px 5px 0 40px;
   *padding:12px 5px 0 40px;
}
#countrydivcontainer-search{
	width:716px;
	float:left;
	padding:25px 5px 0 0px;
   *padding:12px 5px 0 0px;
}
/*#360divcontainer{
	width:716px;
	float:left;
	padding:25px 5px 0 0;
   *padding:12px 5px 0 0;
}*/
ul#layout-360{
	list-style:none;
	float:left;
	width:696px;
	margin:0;
	border-bottom:#aed5e4 solid 1px;
	padding:20px 0 12px 10px;
	*padding:10px 0 12px 20px;
}
#layout-360 li{
	list-style:none;
	float:left;
	width:176px;
	margin:0;
	padding:0 0 0 25px;
	*padding:0 0 0 15px;
}
/*#layout-360 li a{
	list-style:none;
	float:left;
	width:162px;
	margin:0;
	padding:9px 9px 9px 9px;
}
#layout-360 li a:hover{
	list-style:none;
	float:left;
	width:162px;
	margin:0;
	padding:8px 8px 8px 8px;
	border:#c4c4c4 solid 1px;
	cursor:pointer;
}*/
#layout-360 li a:hover{
	cursor:pointer;
}
#layout-360 li a div.content, #layout-360 li a:hover div.content{
	margin:0;
	padding:13px 4px 0 5px;
	width:160px;
}
#layout-360 li a div.content p, #layout-360 li a:hover div.content p{
	margin:0;
	padding:3px 0 0 0;
}
#layout-progress-detail{
	float:left;
	margin:25px 0px 25px 40px;
	*margin:25px 0px 25px 20px;
}
#progress-head{
	width:450px;
	float:left;
}
#progress-left{
	width:320px;
	float:left;
	padding:20px 13px 0 0px;
}
.img-progress{
	padding:15px 15px 0 0;
}
.progress-content-iframe{
	padding:5px 50px 0px 25px;
}
.dotted-progress{
	margin:5px 0px 5px 0px;
}
/* popup project list */
#project-list-left{
	width:282px;
	float:left;
}
#project-list-right{
	width:285px;
	float:left;
	padding:6px 0  0 15px;
}
.project-list-title{
	background-color:#e3edf7;
	color:#395b7e;
	padding:2px 7px 2px 7px;
	font-weight:800;
	margin-top:7px;
}
.project-list-c{
	color:#395b7e;
	padding:9px 7px 0px 7px;
}
#imghouse{
	padding:5px;
	border:#c2d3e5 solid 1px;
}
#imgfloorplan-01{
	margin:5px 0 10px 0;
}
.line-list-top{
	border-top:#c2d3e5 solid 1px;
}
.line-list-btm{
	border-bottom:#c2d3e5 solid 1px;
}
.bg-list-blue{
	background-color:#e3edf7;
}
.padding-list-left{
	padding:5px 5px 5px 8px;
}
.padding-list-right{
	padding:5px 5px 5px 0px;
}
#head-left{
	padding:12px 12px 5px 0px;
	float:left;
	color:#808080;
	font-size:10pt;
}
#head-right{
	padding:12px 50px 8px 15px;
	border-left:#b8b8b8 solid 1px;
	color:#395b7e;
	float:left;
	font-size:18pt;
}
.padding-head-left{
	padding-left:125px;
}
.padding-floorplan-top{
	padding-top:20px;
}

/*progress-iframe
.scrollbox {
	width : 295px;
	height: 430px;
	overflow: auto;
	background-color: white;
}
#sb1  {
	position: relative;
	float: left;
}
.scrollbox-content {
	margin-left: 0px;
	margin-right: 0px;
}*/

/*show hide panel*/
.panel {
   display: none;
   width: 320px;
 }
 .defaultPanel {
  display: block;
 }
 /*compare*/
#layout-compare{
	padding:10px 0 0 0;
	float:left;
	width:670px;
	color:#314567;
}
#compare-bgblue-left{
	padding:5px  60px 5px 30px;
	float:left;
	width:245px;
}
#compare-bgblue-right{
	padding:5px 73px 5px 10px;
	float:left;
	width:244px;
}
#compare-bgblue{
	background-color:#e3edf7;
	float:left;
	width:670px;
}
#compare-left{
	padding:5px 60px 0 20px;
	float:left;
	width:255px;
}
#compare-right{
	padding:5px 73px 0 0px;
	float:left;
	width:254px;
}
.compare-padding{
	padding:5px 5px 5px 10px;
}
/* hoverac*/
/*#hoverac{
	list-style:none;
	float:left;
	width:168px;
	border-top:#d8d8d8 solid 1px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
#hoverac  a {
	display: block;
	float: left;
	margin:0px;
	width:152px;
	padding: 0;
}
#hoverac ul {
	list-style:none;
	float:left;
	width:168px;
	border-top:#d8d8d8 solid 1px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
#hoverac li {
	float: left;
	margin:0px;
	width:152px;
	padding: 0;
	font-family : "verdana", Tahoma, Ms Sans Serif;
	font-size : 9pt;
}
#hoverac li a{
	margin: 0;
	padding: 6px 5px 5px 11px;
	border-bottom:#d8d8d8 solid 1px;
	width:152px;
}
#hoverac  li a:hover{
	margin: 0;
	padding: 6px 5px 5px 11px;
	border-bottom:#d8d8d8 solid 1px;
	background-color:#edecec;
	width:152px;
}
#hoverac li a.closed {
	color: #000000;
}
#hoverac li.firstitem a.closed {
	color: #000000;
}
#hoverac li.lastitem a.closed {
	color: #000000;
}
#hoverac li li {
	margin: 0;
	padding: 6px 10px 10px 20px;
	background-color:#f8f8f8;
	border-bottom:#d8d8d8 solid 1px;
	width:138px;
}
#hoverac li a.opened {
	background:#FF0000; 
	color: #000;
}
#hoverac li.firstitem a.opened {
	background:#FF0000; 
	color: #000;
}
#hoverac li.lastitem li {
	color: #000;
}
#hoverac li.lastitem ul {
	color: #000;
}*/
.applemenu{
 	float:left;
	width:168px;
	border-top:#d8d8d8 solid 1px;
	font-weight:normal;
}

.applemenu div.silverheader{
 	float:left;
	width:168px;
	font-weight:normal;
}

.applemenu div.silverheader a{
 	float:left;
	padding: 6px 5px 5px 11px;
	border-bottom:#d8d8d8 solid 1px;
	width:152px;
	background-color:#fff;
}

.applemenu div.silverheader a:hover{
 	float:left;
	padding: 6px 5px 5px 11px;
	border-bottom:#d8d8d8 solid 1px;
	background-color:#edecec;
	width:152px;
}


.applemenu div.selected a{
 	float:left;
	padding: 6px 5px 5px 11px;
	border-bottom:#d8d8d8 solid 1px;
	background-color:#dfe5ef;
	font-weight:800;
	width:152px;
}

/*.applemenu div.submenu{ /*DIV that contains each sub menu*/
 	/*float:left;
	padding: 6px 10px 10px 20px;
	background-color:#f8f8f8;
	border-bottom:#d8d8d8 solid 1px;
	width:138px;
	clear:both;
/*height: 300px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
/*}*/
.applemenu ul.submenu{
	list-style:none;
	float:left;
	margin: 0;
	padding:0;
	width:168px;
}
.applemenu ul.submenu li{
	list-style:none;
	float:left;
	margin: 0;
	padding: 6px 10px 10px 20px;
	background-color:#f8f8f8;
	border-bottom:#d8d8d8 solid 1px;
	width:138px;
}
.applemenu ul.submenu li a{
	list-style:none;
	float:left;
}
.applemenu ul.submenu li a.sub{
	margin: 0;
	float:left;
	padding: 5px 5px 5px 6px;
	border-bottom:#d8d8d8 solid 1px;
	width:127px;
}
.applemenu ul.submenu li a.subcurrent{
	margin: 0;
	float:left;
	padding: 5px 5px 5px 6px;
	border-bottom:#d8d8d8 solid 1px;
	font-weight:800;
	width:127px;
}
.applemenu ul.submenu li a.sublast{
	margin: 0;
	float:left;
	padding: 5px 5px 5px 6px;
	border-bottom:none;
	width:127px;
}
.applemenu ul.submenu li a.sublastcurrent{
	margin: 0;
	padding: 5px 5px 5px 6px;
	font-weight:800;
	width:127px;
}
.applemenu ul.submenu li a.sub:hover, a.subcurrent:hover, a.sublast:hover, a.sublastcurrent:hover{
	background-color:#edecec;
}
.marginicon360{
	margin-left:5px;
}