/* /css/modal.css */

#modal{
	display:block;
	position:fixed;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	background:rgb(50,50,50);
	background:rgba(0,0,0,.25);
	z-index:99;
	top:-1000px;
	left:-1000px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}

#modal .loading{
	background:url('http://faithforthefamily.com/media/admin/loading.gif') no-repeat left center;
	padding:10px 40px;
	margin-bottom:250px;
	color:#666;
	font-size:10px;
	text-transform:uppercase;
}

#modal .close{
	height:20px;
	margin-top:-20px;
	margin-right:10px;
	float:right;
	position:relative;
}

#modal .close a{
	color:rgb(125,125,125);
	color:rgba(255,255,255,.5);
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	cursor:pointer;
}

#modal .close a:hover{
	color:#FFF;
}

#modal .body{
	padding:8px;
	display:block;
}

#modal .content{
	background:#FFF;
	padding:15px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#screen{ position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:98; background:rgb(0,0,0); opacity:0;filter:alpha(opacity=0); }

#modal h1{ margin:0px;padding:0px;font-size:20px; color:#444; padding-bottom:10px; border-bottom:1px solid #AAA; margin-bottom:5px; display:block; white-space:nowrap; overflow:hidden; }
#modal h1 span{ font-weight:normal; font-size:12px; position:relative; top:-4px; padding-left:10px; color:#888; }
#modal .clear{ clear:both; }

#modal .buttons{ clear:both; padding-top:10px; }
#modal .buttons ul{ float:right; list-style:none; }
#modal .buttons ul li{ float:left; margin-left:15px; }
#modal .buttons a.secondary{ position:relative; top:3px;}

#modal #albumPhoto{ width:600px; height:auto; }