/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;

		background: url("../images/fcpx_background.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
		opacity:0.98;
		
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 31% !important; 
		left: 50%;
		margin-left: -269px;
		width: 500px;
		background-color: #FFFFFF;
		position: fixed;
		z-index: 101;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom:5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 17px 17px 25px #676767;
		border:solid 6px #000000;
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/


/* Modal */
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/close-button.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}






a.close-reveal-modal {
	background:url(../images/close-button.png) no-repeat; 
	width:25px; 
	height:27px; 
	display:inline; 
	z-index:3200; 
	cursor:pointer; 
	margin-top:-23px; 
	margin-right:-27px;
}


.close-left-fixed {
	background:url(../images/close-button.png) no-repeat; 
	width:25px; 
	height:29px; 
	display:inline; 
	z-index:3200; 
	position:fixed; 
	bottom:62px; 
	left:211px; 
	cursor:pointer;
}


/* Facebook Recommendations Bar */

/* This is the style for the button when it is closed */
#recommendationsclosed {
	position:fixed;
	bottom:0px;
	right:15px;
	width:30px;
	height:24px;
	z-index:1000;
	background-color:#ebeef4;
	border-left:1px solid #777777;
	border-right:1px solid #777777;
	border-top:1px solid #777777;
}

/* This is the style for the button when it is open */
#recommendationsopen {
	display:none;
	position:fixed;
	bottom:0px;
	right:15px;
	width:330px;
	z-index:1000;
	background-color:#ebeef4;
	border-left:1px solid #777777;
	border-right:1px solid #777777;
	border-top:1px solid #777777;
}

.fb-recommend-button {
	margin-left:8px;
	margin-top:5px;
	margin-right:7px;
	padding:3px;
	width:9px;
	float:right;
	background-color:#ebeef4;
	cursor:pointer;
}

.fb-recommend-button-in {
	height:7px;
	width:7px;
	border-left:1px solid #979db1;
	border-top:2px solid #979db1;
	border-right:1px solid #979db1;
	border-bottom:1px solid #979db1;
	background-color:#ebeef4;
}

#therecommendationcontainer {
	background-color:#FFFFFF;
	border-top:solid 1px #cccccc;
	margin-top:24px;
}

#mightlike {
	color:#808080;
	font-size:11px;
	font-weight:bold;
	margin-bottom:3px;
	margin-left:20px; 
	margin-top:8px;
}

.recommendationcontainer {
	background-color:#FFFFFF;
	padding-bottom:5px;
}


#motionrecommendation {
	background-color:#FFFFFF;
	height:75px;
	margin-left:10px;
	padding-left:10px;
	margin-right:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:10px;
}

#motionrecommendationimg {
	float:left;
	margin-right:5px;
	width:75px;
	height:75px;
}

#motionrecommendationtxt {
	font-size:12px;
	height:55px;
	overflow:hidden;
}


#motionrecommendationtxt a:link { 
	color:#000000;
	font-weight:bold;
}

#motionrecommendationtxt a:visited { 
	color:#333333;
	font-weight:bold;
}

#motionrecommendationtxt a:hover { 
	color:#888888;
	font-weight:bold;
}


#firstrecommendation {
	background-color:#FFFFFF;
	height:75px;
	margin-left:10px;
	padding-left:10px;
	margin-right:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:10px;
}

#firstrecommendationimg {
	float:left;
	margin-right:5px;
	width:75px;
	height:75px;
}

#firstrecommendationtxt {
	font-size:12px;
	height:55px;
	overflow:hidden;
}


#firstrecommendationtxt a:link { 
	color:#000000;
	font-weight:bold;
}

#firstrecommendationtxt a:visited { 
	color:#333333;
	font-weight:bold;
}

#firstrecommendationtxt a:hover { 
	color:#888888;
	font-weight:bold;
}


#secondrecommendation {
	background-color:#FFFFFF;
	height:75px;
	margin-left:10px;
	padding-left:10px;
	margin-right:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:10px;
}

#secondrecommendationimg {
	float:left;
	margin-right:5px;
	width:75px;
	height:75px;
}

#secondrecommendationtxt {
	font-size:12px;
	height:55px;
	overflow:hidden;
}


#secondrecommendationtxt a:link { 
	color:#000000;
	font-weight:bold;
}

#secondrecommendationtxt a:visited { 
	color:#333333;
	font-weight:bold;
}

#secondrecommendationtxt a:hover { 
	color:#888888;
	font-weight:bold;
}


#thirdrecommendation {
	background-color:#FFFFFF;
	height:75px;
	margin-left:10px;
	padding-left:10px;
	margin-right:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:10px;
}

#thirdrecommendationimg {
	float:left;
	margin-right:5px;
	width:75px;
	height:75px;
}

#thirdrecommendationtxt {
	font-size:12px;
	height:75px;
	overflow:hidden;
}


#thirdrecommendationtxt a:link { 
	color:#000000;
	font-weight:bold;
}

#thirdrecommendationtxt a:visited { 
	color:#333333;
	font-weight:bold;
}

#thirdrecommendationtxt a:hover { 
	color:#888888;
	font-weight:bold;
}


.fb_edge_widget_with_comment iframe { height: 20px !important; overflow: hidden; }