.fade
{
	opacity:0;
	-webkit-transition:opacity .15s linear;
	-moz-transition:opacity .15s linear;
	-o-transition:opacity .15s linear;
	transition:opacity .15s linear
}
.fade.in{
	opacity:1
}
.modal-backdrop
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1040;
	background-color:#000
}
.modal-backdrop.fade{
	opacity:0
}
.modal-backdrop,.modal-backdrop.fade.in
{
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-color: #000;
}
.modal
{
	position:fixed;
	z-index:1050;
	outline:0;
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	background-clip:padding-box
}
.modal.fade
{
	top: -50%;
    left: 0;
    right: 0;
    bottom: 0;
	-webkit-transition:opacity .3s linear,top .3s ease-out;
	-moz-transition:opacity .3s linear,top .3s ease-out;
	-o-transition:opacity .3s linear,top .3s ease-out;
	transition:opacity .3s linear,top .3s ease-out
}
.modal.fade.in
{
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.modal-dialog {
	max-width: 560px;
	margin:30px auto;
	background-color:#fff;
	border:1px solid #EEE;
}
.modal-header
{
	padding:9px 15px;
	border-bottom:1px solid #eee
}
.modal-header .close
{
	background: transparent;
    display: block;
    text-transform: uppercase;
    float: right;
    font-size: 21px;
    font-weight: bold;
    cursor: pointer;
    color: #888;
}
.modal-header h3
{
	margin:0;
	line-height:30px
}
.modal-body
{
	position:relative;
	max-height:400px;
	padding:15px;
	overflow-y:auto
}
.modal-form
{
	margin-bottom:0
}
.modal-footer
{
	padding:14px 15px 15px;
	margin-bottom:0;
	text-align:right;
	background-color:#f5f5f5;
	border-top:1px solid #ddd;
	-webkit-border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	border-radius:0 0 6px 6px;
	*zoom:1;
	-webkit-box-shadow:inset 0 1px 0 #fff;
	-moz-box-shadow:inset 0 1px 0 #fff;
	box-shadow:inset 0 1px 0 #fff
}
.modal-footer:before,.modal-footer:after
{
	display:table;
	line-height:0;
	content:""
}
.modal-footer:after
{
	clear:both
}
.modal-footer .btn+.btn
{
	margin-bottom:0;
	margin-left:5px
}
.modal-footer .btn-group .btn+.btn
{
	margin-left:-1px
}
.modal-footer .btn-block+.btn-block
{
	margin-left:0
}

@media screen and (min-width: 481px) and (max-width: 600px) {
	.modal-dialog {max-width:460px; max-height:90vh;}
	.modal-body {max-height:300px;}
}
@media screen and (min-width: 321px) and (max-width: 480px) {
	.modal-dialog {max-width:300px; max-height:90vh;}
	.modal-body {max-height:200px;}
}
@media screen and (max-width: 320px) {
	.modal-dialog {width:280px;}
	.modal-body {height:200px;}
}