/* /css/modal.css */

#modal{
	display:block;
	position:fixed;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	background:#5F5F5F;
	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://beechesroadbaptistchapel.com/media/admin/loading.gif') no-repeat left center;
	padding:10px 40px;
	margin-bottom:250px;
	color:#aaa;
	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:#161717;
	background:rgba(0,0,0,.75);
	padding:15px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border:1px solid #222;
}

#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:#aaa; padding-bottom:10px; border-bottom:1px solid #AAA; margin-bottom:5px; font-weight:normal; 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 p.subtitle{ font-size:12px; color:#888; padding-top:5px; height:30px; line-height:30px; margin:0px; padding-bottom:5px; }
#modal p.subtitle span{ font-size:10px; color:#444; padding-left:10px; }
#modal p.subtitle a{ color:#888; }

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

#modal .button, #modal .button:hover{ background-color:#000; background-image:url('http://beechesroadbaptistchapel.com/media/admin/button-gradient.png'); text-shadow:rgba(0,0,0,.5) -1px -1px 0px; -moz-box-shadow: 0 1px 3px rgba(255,255,255,0.25); -webkit-box-shadow: 0 1px 3px rgba(100,100,200,0.25); border-color:#222; border-color:rgba(0,0,0,.4); }
#modal .button:hover{ color:#888; }

#modal #albumPhoto{ width:600px; height:auto; }
#modal .player{ width:595px; height:360px;float:left; }

#playerMenu{ float:right; width:240px; height:360px; overflow:hidden; margin:0px; padding:0px; }
#playerMenu hr{ border:0px; height:15px; width:100%; background:url('http://beechesroadbaptistchapel.com/media/admin/video-player-divider.gif') no-repeat center center; clear:both;}

#playerMenu p{ color:#888; line-height:1.5; padding:0px; margin:0px; }
#playerMenu h4{ font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin-bottom:5px; }
#playerMenu .group h4 a{ color:#DDD; text-decoration:none; font-weight:normal; }
#playerMenu .group img{ padding:0px; margin:0px; border:1px solid #000;  -moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.25); -webkit-box-shadow: 0px 0px 10px rgba(100,100,200,0.25); margin-right:10px; float:left; }
#playerMenu .group p{ padding-left:85px; }
#playerMenu .group p.price strong{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#EEE; }