/*General Mosaic Styles*/
.mosaic-block { float:left; position:relative; overflow:hidden; width:122px; margin:10px 2px 1em; background:#111 url(../images/plan/progress.gif) no-repeat center center; border:1px solid #fff; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); height: 130px; 
}

	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#111;
	}
	
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:#111;
	}
	
		/*** Custom Animation Styles (You can remove/add any styles below) ***/
/*		.circle .mosaic-overlay {
			background:url(../img/hover-magnify.png) no-repeat center center;
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			display:none;
		}
		
		.fade .mosaic-overlay {
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			background:url(../img/bg-black.png);
		}*/
		
		.bar .mosaic-overlay { bottom:-100px; height:3em; background:url(../images/plan/bg-black.png); 
		}
		

		/*** End Animation Styles ***/
/*body{ background:#e9e8e4 url('img/bg-grid.png'); }*/
			/*	#content{ width:521px; margin:20px auto; padding:10px; }*/
.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }
						
				.details{ margin:5px 10px 15px; }	
					h4{ font:700 12px/160% 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing:0.15em; color:#FFF; 
/*					text-shadow:1px 1px 0 rgb(0,0,0);*/
					 }
					a{ text-decoration:none; }
		
		
/*tinybox*/
#tinybox { position:absolute; display:none; padding:10px; background:#fff url(../images/plan/progress.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000 }
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

.mosaic-backdrop {font:14px Georgia,Verdana; margin-bottom:10px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer}
.mosaic-backdrop:hover {border:1px solid #bbb; background:#e3e3e3}

        
/*.planImg { position: absolute; left:-63%;top:-35%;}*/
.planImg { position: absolute; left:-63%;top:-10px;}        
        
.contents { width: 520px; margin-right: auto; margin-left: auto; }
        
.clear { clear: left; margin-left: 10px; }