@charset "utf-8";
/* CSS Document */

/*workshops use define*/
#navigation li#workshops{
	background:url(../images/bg_navhover.gif) left top repeat-x;
}
#navigation li#workshops a{
	color:#8c8b79;
	background:url(../images/nav_workshop_active.jpg)  left center  no-repeat;
}
.jquery-checkbox{
	*margin-top:2px;
}
.listImgCont{
	float:left;
}
.listImgCont p{
	clear:both;
}
.listimg{
	width:142px;
	border:1px solid #b2b19e;
}
.listdihimg{
	padding-top:8px;
}

a.singhref{
	cursor:default;
	outline:none;
}
/*workshops struts*/
#subnavigationpanel{
	float:left;
	width:168px;
	padding:0;
	margin:0;	
	background-color:#afae9a;
	padding-top:19px;
	_padding-top:20px;
	overflow:hidden;	
}
	#subnavigation{
		float:left;
		list-style:none;
		width:168px;
		padding:0;
		margin:0;
	}
		#subnavigation li{
			overflow:hidden;
			height:21px;
			font-family: Arial, Helvetica, sans-serif;
			border-top:1px solid #fff;
			text-indent:5px;
		}
		#subnavigation li.subnavon{
			background-color:#efefe3;
		}
		
		
		#subnavigation li a{
			height:21px;
			width:163px;
			font-size:10px;
			font-weight:bold;
			color:#fff;
			line-height:21px;
			text-decoration:none;
			overflow:hidden;
			display:block;
			margin-right:5px;
			
		}
		#subnavigation li.subnavon a{
			color:#4d4d4f;
		}
	#controlpanel{
		border-top:1px solid #fff;
		float:left;
		font-size:10px;
		width:168px;
		color:#fff;
		text-indent:5px;
		
	}
		#controlpanel p{
			padding:6px 0px;
		}
		#resultpanel{
			display:none;
		}

			#resultpanel dl{
				width:148px;
				padding:5px 0px;
			}

			#resultpanel #dontsee{
				padding:0 2px 0 14px;
				text-indent:0;
			}
				#resultpanel dt{
					text-indent:0;
				}
				#resultpanel dt span{
					float:left;
					display:block;
					width:134px;
				}
				#resultpanel dt span.listItem{
					width:14px;
				}
				#resultpanel dd{
					text-indent:0;
					padding-left:14px;	
					clear:both;
				}
				#resultpanel a{
					display:inline;
					color:#fff;
				}
				#resultpanel dd.ddfooter{
					margin-bottom:12px;
				}
		#serarchform {
			float:left;
			padding:0px 0px 5px;
			margin:0;
			overflow:hidden;
			border-bottom:1px solid #fff;
			background:#f0f0e4;
		}
		#serarchform .hide{
			display:none;
		}
		#zipcode{
			float:left;
			width:98px;
			height:16px;
			border:none;
			border-top:1px solid #6b6856;
			border-left:5px solid #fff;
			margin:8px 0px 0px 5px;
			color:#6b6856;
			font-size:10px;
			font-family: Arial, Helvetica, sans-serif;
			display:inline;
			overflow:hidden;
		}
		#btngo{
			float:right;
			margin-right:5px;
			margin-top:3px;
			overflow:hidden;
			display:inline;
		}
#contentcontainer{
	float:right;
	width:590px;
}

	.bannerimg{
		height:87px;
		background:#f6f6f4 url(../images/bg_banerws.jpg) right top no-repeat;
		clear:both;
		display:block;
	}
	.bannerNocookie	{
		height:148px;
		background:#f6f6f4 url(../images/bg_banerws.jpg) right top no-repeat;
		clear:both;
		display:block;
	}
		#bannerimg .projmenutyp{
			padding:35px 0px 0px 10px;
			display:block;
			font-size:14px;
			font-weight:bold;
			color:#fff;
		}



		#pre{
			margin:0px 0 0 235px;
			float:left;
		}
		#month{ 
			color:#FFFFFF;
			float:left;
			font-size:12px;
			font-weight:bold;
			padding:2px 10px;
			height:15px;
			height:15px;
		}

		.month{ 
			color:#FFFFFF;
			float:left;
			font-size:12px;
			font-weight:bold;
			padding:2px 10px;
			display:block;
		}

		#next{
			padding:2px 0 0 8px;
		}
		#preico{
			margin:5px 0 0 0px;
		}
		#nextico{
			margin:5px 0 0 0px;
		}
	#content{
		margin:10px 0 0 11px;
		min-height:660px;
		_height:660px;
	}
		#title{
			height:27px;
			width:577px;
			background:#d47c36;
		}
			#title label{
				padding-left:10px;
				float:left;
				font-size:14px;
				font-weight:bold;
				line-height:27px;
				color:#FFFFFF;
			}
			#title img{
				float:right;
				margin:1px 5px;
			}
		.list{
			margin-top:11px;
			background:url(../images/line.gif) repeat-x bottom;
			height:auto;
			width:577px;
			float:left;
			_float:none;
			padding-bottom:10px;
		}
		#content div.listEnd{			
			background:  none;			
		}
			dd.last a{
				padding-left:0;
			}
			img{
				float:left;
			}
			img.cal{
				float:right;
			}
			
			dl{
				width:400px;
				float:left;
				padding-left:11px;
			}
			dl.workshopsdetail_dl{
				width:323px;
				float:right;
				padding-left:11px;
			}
			
				.list a{
					font-size:10px;
					font-weight:bold;
					background:url(../images/arrow-more.gif) no-repeat left center;
					color:#c5692d;
					display:block;
					padding-left:10px;
					line-height:15px;
					float:left;
					
					/*text-decoration:none;*/
				}
				.detail #list-project .list {width:143px}
				* html .detail #list-project .list {float:left;}
				.list dl dt label{
					font-size:12px;
					font-weight:bold;
					background:url(../images/arrow-list-2.gif) no-repeat left center;
					color:#333333;
					display:block;
					padding-left:15px;
					height:15px;
					line-height:1em;
				}

				.list dl dt a.workshopname{
					font-size:12px;
					font-weight:bold;
					background:url(../images/arrow-list-4.gif) no-repeat left top;
					color:#333333;
					display:inline;
					padding-left:15px;					
					*line-height:15px;
					line-height:14px
					float:left;
				}
				.list a.worksimg{
					padding:0;
				}


				.list dl dd{
					padding:4px 0 0 16px;
					float:left;
					line-height:16px;
					width:380px;
				}
				.list dl dd.last{
					margin-top:5px;
					padding:0 0 0 10px;
				}
				.list dl dd.sub-title{
					font-weight:bold;
					line-height:20px;
					margin-top:1px;
				}
				.list dl dd.sel-time-list{
					font-size:11px;
					margin-top:2px;
				}
					ul{
						padding:0;
						margin:0;
						list-style:none;
					}
						dl li{
							height:14px;
						}
							label{
								vertical-align:top;
								padding-left:8px;
								line-height:11px;
							}
							.sel-time{
								color:#eb6e20;
							}
							
		dd a{
			color:#ffffff;
		}
		
		#bannerimg{
		height:19px;
		background:#AFAE9A;
	    }
	    #bannerimgTop
	    {
			background:#F6F6F4 url(../images/bg_banerws.jpg) no-repeat scroll right center;
		     height:87px;
		}
		#bannerimgTop .projmenutyp{
			padding:35px 0px 0px 10px;
			display:block;
			font-size:14px;
			font-weight:bold;
			color:#fff;
		}	
	#pagedescript{
		width:580px;
		float:left;
		padding-top:30px;
		padding-left:20px;
		font-weight:bold;
		font-size:13px;
	}
	.bannerNocookie #pagedescript{
		padding-top:18px;
	}
	
		#pagedescript img {
			float:left;
			padding-right:10px;
		}


	.close {
		background:#E3E1CC none repeat scroll 0 0;
		float:right;
		font-weight:bold;
		height:44px;
		padding:6px 0 0 0;
		width:48px;
	}
	.btn-close {
		cursor:pointer;
	}

.daselect{
	color:#fff;
}
.daselect a{
	color:#deded6;
}

	.supplycontainer {
		background:transparent url(../images/arrow-mail.gif) no-repeat scroll 0 11px;
		color:#6B6856;
		height:auto;
		width:333px;
		position:absolute;
		display:none;
	}
	.supply {
		background:#F0F0E4;
		border:1px solid #8E8D7B;
		float:right;
		width:346px;
		font-weight:bold;
		font-family:Arial,Helvetica,sans-serif;
	}
	.supply-header {
		background:#E3E1CC url(../images/ico_worktools.gif) no-repeat scroll 12px 12px;
		color:#71705C;
		float:left;
		height:50px;
		line-height:50px;
		padding-left:47px;
		width:251px;
	}
	.supply label.supplytitle{
		color:#8c8b79;
		padding-left:12px;
		float:left;margin:5px 0px;line-height:20px;
	}
	.supplypanel{
		float:left;
	}
	.supplypanel ul{
		padding:0;
		margin:0;
	}

	.supplypanel ul li{
		height:16px;
	}

.supplypanel .singhrefInpup{
	margin:0 0px 10px 10px;
	padding:0;
	float:left;
	background:none;
}

ul.workshop_bulletlist li{
	height: auto;
	list-style-position: outside; 
	list-style-type:disc;
	padding-left: 0px;
}
ul.workshop_bulletlist {margin-left:15px}

/* *****   START DETAIL WORKSHOPS ***** */


/*workshops use define*/
.detail #navigation li#workshops{
		background:url(../images/bg_navhover.gif) left top repeat-x;
}
.detail #navigation li#workshops a{
	color:#8c8b79;
	background:url(../images/nav_workshop_active.jpg)  left center  no-repeat;
}

.detail .detimg{
	width:233px;
	border:1px solid #b2b19e;
	display:inline;
}

.detail .list span.jquery-checkbox{
	margin-top:2px;
}
/*workshops struts*/
.detail #subnavigationpanel{
	float:left;
	width:168px;
	padding:0;
	margin:0;
	/*border-top:16px solid #d47c36;*/
	background-color:#afae9a;
	padding-top:20px;
	overflow:hidden;	
}
	.detail #subnavigation{
		float:left;
		list-style:none;
		width:168px;
		padding:0;
		margin:0;
	}
		.detail #subnavigation li{
			overflow:hidden;
			height:21px;
			font-family: Arial, Helvetica, sans-serif;
			border-top:1px solid #fff;
			text-indent:5px;
		}
		.detail #subnavigation li.subnavon{
			background-color:#efefe3;
		}
		
		
		.detail #subnavigation li a{
			height:21px;
			width:163px;
			font-size:10px;
			font-weight:bold;
			color:#fff;
			line-height:21px;
			text-decoration:none;
			overflow:hidden;
			display:block;
			margin-right:5px;
			
		}
		.detail #subnavigation li.subnavon a{
			color:#4d4d4f;
		}
	.detail #controlpanel{
		border-top:1px solid #fff;
		float:left;
		font-size:10px;
		width:168px;
		color:#fff;
		text-indent:5px;
		
	}
		.detail #controlpanel p{
			padding:6px 0px;
		}
		.detail #resultpanel{
			display:none;
		}

			.detail #resultpanel dl{
				width:148px;
				padding:5px 0px;
				color:#fff;
				margin:0;
			}

			.detail #resultpanel #dontsee{
				padding:0 2px 0 14px;
				text-indent:0;
			}
				.detail #resultpanel dt{
					text-indent:0;
				}
				.detail #resultpanel dd{
					text-indent:0;
					padding-left:14px;	
				}
				.detail #resultpanel dt span{
					float:left;
					display:block;
					width:134px;
				}
				.detail #resultpanel dt span.listItem{
					width:14px;
				}

				.detail #resultpanel a{
					display:inline;
					color:#fff;
				}
				.detail #resultpanel dd.ddfooter{
					margin-bottom:12px;
				}

		.detail #serarchform {
			float:left;
			padding:0px 0px 5px;
			margin:0;
			overflow:hidden;
			border-bottom:1px solid #fff;
			background:#f0f0e4;
		}
		.detail #zipcode{
			float:left;
			width:98px;
			height:16px;
			border:none;
			border-top:1px solid #6b6856;
			border-left:5px solid #fff;
			margin:8px 0px 0px 5px;
			color:#6b6856;
			font-size:10px;
			font-family: Arial, Helvetica, sans-serif;
			display:inline;
			overflow:hidden;
		}
		.detail #btngo{
			float:right;
			margin-right:5px;
			margin-top:3px;
			overflow:hidden;
			display:inline;
		}

.detail #contentcontainer.625wide {
	float:right;
	width:625px;	
}
.detail .list{
			background:none;
			margin-top:11px;
			height:auto;
			width:auto;
			float:left;
			_float:none;
			padding-bottom:10px;
		}

		.detail #bannerimg label{
			font-size:14px;
			font-weight:bold;
			line-height:80px;
			color:#FFFFFF;
			padding-left:12px;
		}
	.detail #content{
		margin:10px 0 0 11px;
		min-height:660px;
		_height:660px;
	}
		.detail .detail-workshops{
			margin:14px 0 0 15px;
		}
			.detail .detail-workshops img{
				float:left;
			}
			.detail .detail-workshops img.cal{
				float:right;
			}
			.detail #list-project .list img{
				border:1px solid #b2b19e;
			}
			.detail .detail-workshops dl.narrow{
				float:left;				
				margin:0 0 35px 15px;
				color:#333333;
				display:inline;	
			}
			

			.detail .detail-workshops dl strong{
				font-size:18px;
			}
			.detail .detail-workshops dl{
				width:288px;
			}
			.detail .detail-workshops dt a{
				background:transparent url(../images/arrow-list-over.gif) no-repeat scroll 0 2px;
				color:#EB6E20;
				display:block;
				font-size:13px;
				font-weight:bold;
				padding-left:15px;
			}
			.detail .detail-workshops dd{
				padding-left:0px;
			}
		    dd.b-height{
				line-height:19px;
				margin-left:0px;
				width:280px;
			}
			.detail .detail-workshops dd.list{
				margin:5px 0 10px;
				width:320px;
			}
				.detail .detail-workshops ul{
					list-style-image:none;
					list-style-position:outside;
					list-style-type:none;
					margin:0;
					padding:0;
				}
				.detail .detail-workshops dd li{
					height:14px;
				}
					.detail .detail-workshops li label{
						line-height:14px;
						padding-left:8px;
						vertical-align:top;
					}
			.detail .detail-workshops dd.print{
				padding-bottom:15px;
			}
			.detail .detail-workshops dd.print a{
				font-weight:bold;
				color:#c5692d;
				padding-left:17px;
				/*text-decoration:none;*/
				background:url("../images/arrow-view.gif") no-repeat 0 2px;
			}
		.detail #list-project{
			margin-top:13px;
			float:left;
			/*overflow:hidden;*/
			width:590px;
			min-height:250px;
			height: auto !important;
			height: 250px;
		}
		* html .detail #list-project{width:579px}
		.detail #title{
			height:38px;
			background:#e3e2cd url(../images/ico_tools.gif) no-repeat 12px 9px;
			padding: 11px 0 0 40px;
			width:	520px;
		}
		.detail #list-project #title {margin:0;}
			.detail #title label{
				padding-left:13px;
				float:left;
				font-size:14px;
				font-weight:bold;
				line-height:25px;
			}
				.detail .detail-workshops #list-project div.list{
					/*float:left;*/
					overflow:hidden;
					margin:20px 0 0 16px;
					width:129px;
					display:inline-block;
					vertical-align: top;

				}
				* html .detail .detail-workshops #list-project div.list{display:inline;zoom: 1;} *+html .detail .detail-workshops #list-project div.list{display:inline;}
					
					.detail .detail-workshops #list-project dl{
						width:433px;
						float:left;
					}
						.detail .detail-workshops #list-project dl dd{
							margin-top:10px;
						}
							.detail .detail-workshops #list-project dl dd a{
								color:#eb6e20;
								background:url(../images/arrow-list-over.gif) no-repeat 0 3px;
								padding-left:13px;
							}
				.detail .detail-workshops #list-project a{
					background:url(../images/arrow-pro-list.gif) no-repeat 0 7px;
					float:left;
					line-height:12px;
					padding:4px 0 10px 11px;
					width:114px;
					font-size:10px;
					font-weight:bold;
					color:#8C8B79;
					/*text-decoration:none;*/
				}
	.detail #supplycontainer {
		background:transparent url(../images/arrow-mail.gif) no-repeat scroll 0 11px;
		color:#6B6856;
		display:none;
		height:auto;
		position:absolute;
		width:203px;
	}
	.detail #supply {
		background:#F0F0E4;
		border:1px solid #8E8D7B;
		float:right;
		width:196px;
		font-weight:bold;
		font-family:Arial,Helvetica,sans-serif;
	}
	.detail #supply-header {
		background:#E3E1CC url(../images/ico_shopnow.gif) no-repeat scroll 12px 12px;
		color:#71705C;
		float:left;
		height:50px;
		line-height:50px;
		padding-left:47px;
		width:101px;
	}
	.detail #close {
		background:#E3E1CC none repeat scroll 0 0;
		float:right;
		font-weight:bold;
		height:44px;
		padding:6px 0 0 0;
		width:48px;
	}

	.detail #supply label{
		color:#8c8b79;
		padding-left:12px;
		line-height:25px;
	}
	.detail #supply ul{
		margin:0 0 8px 12px;
		color:#81973a;
	}

	.detail #supply ul li{
		background:transparent url(../images/bullet.jpg) no-repeat scroll 0px 5px;
		padding-left:10px;
		padding-right:2px;
	}
		
	.detail.bannerimg{
		height:87px;
		background:#f6f6f4 url(../images/bg_banerws.jpg) right top no-repeat;
		clear:both;
		display:block;
	}
		.detail #bannerimg .projmenutyp{
			padding:35px 0px 0px 10px;
			display:block;
			font-size:14px;
			font-weight:bold;
			color:#fff;		
	}
			
	.detail #pagedescript{
		width:580px;
		float:left;
		padding-top:30px;
		padding-left:20px;
		font-weight:bold;
		font-size:13px;
	}
		.detail #pagedescript img {
			float:left;
			padding-right:10px;
		}



.detail .headerImage {
	background:#FFFFFF url(../images/clinics/bg-landpage-h.jpg) no-repeat;
	height: 0px;
	width: 758px;
	padding: 0px;
	margin: 0px;
	float:left;
	}

/*dihwork-detail*/
#dihwork{margin:15px 0px 0px 15px;}
	#dihwork img {float:left;}
	#dihwork-detail {float:right;width:388px;}
		#dihwork-detail h2{font-size:16px;color:#333333;font-weight:bold;text-transform:uppercase;}
		#dihwork-detail span{font-size:12px;color:#333333;margin-top:15px;float:left;}
		#dihwork-detail ul{font-size:12px;color:#333333;margin:15px 0 0 5px;float:left;display:inline;}
			#dihwork-detail ul li{padding-left:12px; background:url(../images/bg-bluer.gif) left center no-repeat;}
		#dihwork-detail h3{font-size:18px;color:#f58427;font-weight:normal;text-transform:uppercase;clear:both;padding-top:15px;}
		#dihwork-detail p{font-size:15px;color:#8c8b79;font-weight:bold;clear:both;}
		#dihwork-detail a.dihlink{color:#c5692d;font-size:12px;font-weight:bold;float:left;margin:30px 30px 30px 0px;background:url(../images/bullet.gif) left center no-repeat;padding-left:15px;}