.modal-backdrop {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1040;

  background-color: #000000;

  display: none;

}



.modal-backdrop.fade {

  opacity: 0;

}



.modal-backdrop,

.modal-backdrop.fade.in {

  opacity: 0.3;

  filter: alpha(opacity=80);

}



.modal {

  position: fixed;

  top: 50%;

  left: 50%;

  z-index: 1050;

  width: 406px;

  height:0px;

  margin: -375px 0 0 -232px;

  background-color: #ffffff;

  border: 1px solid #999;

  border: 1px solid rgba(0, 0, 0, 0.3);

  *border: 1px solid #999;

  -webkit-border-radius: 6px;

     -moz-border-radius: 6px;

          border-radius: 6px;

  outline: none;

  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

  -webkit-background-clip: padding-box;

     -moz-background-clip: padding-box;

          background-clip: padding-box;

}



.modal.fade {

  top: -25%;

  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;

     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;

       -o-transition: opacity 0.3s linear, top 0.3s ease-out;

          transition: opacity 0.3s linear, top 0.3s ease-out;

}



.modal.fade.in {

  top: 50%;

}



.modal-header {

  padding: 9px 15px;

  border-bottom: 1px solid #eee;

}



.modal-header .close {

  margin-top: 2px;

}



.modal-header h3 {

  margin: 0;

  line-height: 30px;

}



.modal-body {

  max-height: 530px;

  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 #ffffff;

     -moz-box-shadow: inset 0 1px 0 #ffffff;

          box-shadow: inset 0 1px 0 #ffffff;

}



.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;

}