@charset "utf-8";
/* CSS Document */
/* START JQUERY MODIFICATION */
 .ui-corner-all {
	-webkit-border-radius: 				15px; /*{global-radii-blocks}*/;
	border-radius: 						15px; /*{global-radii-blocks}*/;
}
/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-a,
.ui-page-theme-a .ui-body-inherit,
html .ui-bar-a .ui-body-inherit,
html .ui-body-a .ui-body-inherit,
html body .ui-group-theme-a .ui-body-inherit,
html .ui-panel-page-container-a {
	background-color: 			#ddd /*{a-body-background-color}*/;
	border-color:	 		#ccc /*{a-body-border}*/;
	color: 					#333 /*{a-body-color}*/;
	text-shadow: 0 /*{a-body-shadow-x}*/ 0px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ 	#f3f3f3 /*{a-body-shadow-color}*/;
}

.ui-popup > .ui-btn-right {
    top: 5px;
	right: 5px;
}

#img_PopUp {
	min-width:800px;
}
/* END JQUERY MODIFICATION */


#Proj_MainImg {
	width:600px;
	height:480px;
	float:right;
	margin-left: 10px;
	background-color:#999;
	overflow:hidden;
}
#Proj_MainImg img {
	min-width:600px; /* match Proj_MainImg width */
}
#Proj_Date {
	
}
#Proj_Plan {
	margin-left:10px;
	margin-right:10px;
	max-width:800px;
	width:300px;
	text-indent:0px;
	border-radius:10px;
	background-color:#333334;
	padding-top:10px;
	padding-bottom:10px;
	color:#ddd;
	float:right;
}
#Proj_Plan #headline, #Proj_Plan #headline2{
		margin-top:10px;
		margin-bottom:15px;
		position:relative;
		border:2px solid #666;
}

#Proj_Plan #headline2 {
	margin-top:20px;
}
#Proj_Plan #headline h3, #Proj_Plan #headline2 h3 {
color: #bbc3c8; 
background: #333334; 
display: inline-block; 
font-family: 'Georgia', serif; 
font-style: italic; 
font-size: 18px; 
line-height: 18px; 
margin: 0 0 0 18px; 
padding: 10px 12px 8px;
 position: absolute; 
 bottom: -15px; 
}

#Proj_Plan #MaterialList {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}
#Proj_Plan #MaterialList ul {
	list-style-type:none;
}

#Proj_Plan #popupthumbholder {
	display:inline-block;
	padding: 0px 10px 0px 10px;
	margin:auto;
}
#Proj_Plan #blueprint {
	max-width:107px;
	padding: 0px 2px 0px 2px;
}
.indent {
	text-indent:30px;
}

#Proj_Steps {
	position:relative;
	width:960px;
	margin:auto;
}
#Proj_Steps #Step {
	margin:10px;
	border-radius:10px;
	padding:8px;
	background-color:#333334;
	color:#ddd;
	width:200px;
	height:230px;
	display:inline-block;
	vertical-align:text-top;
}
#Proj_Steps #steps {
	height:150px;
	width:200px;
}

#Proj_Steps #Step h4 {
	color: #bbc3c8; 
background: #333334;  
font-family: 'Georgia', serif; 
font-style: italic; 
font-size: 16px; 
line-height: 16px; 
margin: 0 0 0 16px; 
padding: 0px 12px 8px;
 position: absolute; 
 bottom: -14px; 
}
#Proj_Steps #Step #StepLabel {
		margin-top:12px;
		margin-bottom:15px;
		position:relative;
		border:2px solid #666;
}
#Proj_Steps #Step span {
	font-size:12px;
}
#Proj_progress {
}
#Proj_progress #ProgressLabel {
		margin-top:12px;
		margin-bottom:15px;
		position:relative;
		border:2px solid #000;
}
#Proj_progress #ProgressLabel h3 {
	color: #3b3338; 
background: #FFF;  
font-family: 'Georgia', serif; 
font-style: italic; 
font-size: 18px; 
line-height: 18px; 
margin: 0 0 0 18px; 
padding: 0px 12px 8px;
 position: absolute; 
 bottom: -14px; 
}

#Proj_progress #Step {
	margin:10px;
	border-radius:10px;
	padding:8px;
	background-color:#333334;
	color:#ddd;
	float:left;
	vertical-align:text-top;
}
#Proj_progress #Step #ImgThumb {
	width:300px;
	height:200px;
}
#SmallThumb {
	height:100px;
}
#MiniGallery {
	display:inline-block;
	border-radius:10px;
	padding:8px;
	background-color:#333334;
	color:#ddd;
	vertical-align:text-top;
}