#slybox {

	background: #333;
	color: #bbb;

}

#myModal {
}

.modal-header, .modal-footer {

	border-style: none;

}

.modal {
  text-align: center;
  padding: 0!important;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.slyVd {
  height: 97%;
  width: 583px;
  padding: 0;
  margin-top: 0px;
}

.dummy_page {
	display: none;
}

@media (min-width: 320px) {
	.slyVd {
	  width: 300px;
	}
}
@media (min-width: 480px) {
	.slyVd {
	  width: 460px;
	}
}
@media (min-width: 768px) {
	.slyVd {
	  width: 698px;
	}
}

/* iPad landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/* CSS */
	.slyVd {
	  width: 944px;
	}
}

/* iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* CSS */
	.slyVd {
	  width: 745px;
	}
}

@media (min-width: 1400px) {
	.slyVd {
		width: 1314px;
	}
	/* double page, unhide blank first page to make dual pages line up like the mag */

	.dummy_page {
		display: block;
	}
}

.modal-content {
/* 
  height: 100%;
 */
}

#slybox .close {
	color: #FFFFFF;
}

.modal-body {
/* 
  width: 400px;
 */
}

.fullVd {
  height: auto;
  margin: 30px auto;
  width: 90%;
/* 
  width: 90%;
  padding: 0;
 */
}

.fullVc {
  height: auto;
  min-height: 100%;
}

.fullVb {
  height: 250px;
  width: 300px;
}

#output_tag {
	position: absolute;
	color: yellow;
	margin-left: 1086px;
	margin-top: 20px;
}