.jackbox-modal {

	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;

}

.jackbox-cover {

	width: 100%;
	height: 100%;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);

}

.jackbox-container {

	width: 650px;
	height: 90%;
	margin: 28px auto;

	background: #F5F5F5;
	text-align: left;
	overflow-y: auto;
	overflow-x: hidden;
	
	-moz-box-shadow: 0 0 5px  rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 5px  rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	
}

.jackbox-content {

	padding: 30px;
	
}

.jackbox-content h2 {

	margin: 0 0 25px 0;
	font: 32px "Dancing Script", cursive;
	text-shadow: 1px 1px 0 #FFF;
	
}

.jackbox-content h3 {

	margin: 0 0 18px 0;
	font: 24px "Dancing Script", cursive;
	
}

.jackbox-container h2 {

	text-align: center;
	
}

.jackbox-form input[type=text] {

	width: 575px;
	
}

.jackbox-form p input[type=radio] {

	margin-left: 7px;

}

.jackbox-form p input[type=radio]:first-child {

	margin-left: 0;

}

.jackbox-form select {

	width: 225px;

}

.jackbox-small {

	width: 95px !important;

}

.jackbox-field {

	width: 200px !important;

}

.jackbox-container .jackbox-small {

	width: 100px !important;

}

.jackbox-medium {

	width: 300px !important;

}

.jackbox-form textarea {

	width: 575px;
	height: 125px;
	min-width: 575px;
	max-width: 575px;
	min-height: 125px;

}

.jackbox-form input[type=submit] {

	cursor: pointer;

}

.jackbox-addmedia {

	cursor: pointer;
	position: relative;
	top: 2px;
	left: 2px;
	margin-right: 4px;
	
}

.jackbox-box {

	display: inline-block;
	margin: 3px 0 3px 0;
	padding: 5px 10px 7px 10px;
	background-color: #FFF;
	border: 1px solid #dfdfdf;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}

.jackbox-form input[type=text],
.jackbox-form select {

	margin-top: 3px;

}

.jackbox-container .jackbox-form input[type=text],
.jackbox-container .jackbox-form textarea,
.jackbox-container .jackbox-form select {

	margin-top: 7px;

}

.jackbox-container .jackbox-box {

	margin-bottom: 0;
	margin-top: 7px;
	padding: 7px 10px 7px 10px;

}

.jackbox-close {

	float: right;
	cursor: pointer;
	font-weight: bold !important;
	line-height: 22px !important;
	margin: 10px 10px 0 0 !important;

}

.jackbox-clear,
.jackbox-content p {

	clear: both;	

}

.jackbox-content p,
.jackbox-content div {

	position: relative;
	margin: 0;

}

.jackbox-content div:before,
.jackbox-content div:after {

	content: ""; 
	display: table;

}

.jackbox-content div:after {

	clear: both;

}

.jackbox-content div {

	*zoom: 1;

}

.jackbox-container .jackbox-content div p {

	display: inline-block;
	position: static;
	padding-bottom: 0;
	margin: 0 15px 0 0;
	border: 0;

}

.jackbox-content .updated p {

	padding: 0;
	border: 0;

}

.jackbox-content p.submit_jb {

	padding: 0;
	border: 0;
	margin-bottom: 0;
	margin-top: 30px;

}

.jackbox-container .jackbox-content p.submit_jb {

	text-align: center;

}

.jackbox-container .jackbox-form input[type=submit] {

	width: 300px;

}

.jackbox-content p.close_jb {

	float: right;
	margin-top: -40px;

}

.jackbox-question {

	display: inline-block;
	line-height: none;
	font: 11px bold Tahoma, Geneva, sans-serif;
	text-align: center;
	cursor: pointer;

	width: 14px;
	height: 13px;
	padding-top: 1px;
	background-color: #FFF;
	color: #333;

	border: 1px solid #dfdfdf;
	position: relative;
	left: 1px;
	top: -1px;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

}

.jackbox-question:before {

	width: 0; 
	height: 0; 
	content: "";
	visibility: hidden;

	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #1d6385;

	position: absolute;
	top: -10px;
	left: 1px;

}

.jackbox-question:after {

	content: attr(data-title);
	white-space: nowrap;
	text-align: center;
	line-height: normal;
	font-weight: bold;
	color: #FFF;

	position: absolute;
	top: -37px;
	left: -50px;
	
	padding: 6px;
	display: inline-block;
	pointer-events: none;
	visibility: hidden;
	
	border: 1px solid #298CBA;
	border-bottom: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	
	background: #298cba;
	background: -moz-linear-gradient(top, #298cba 0%, #1d6385 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #298cba), color-stop(100%, #1d6385));
	background: -webkit-linear-gradient(top, #298cba 0%, #1d6385 100%);
	background: -o-linear-gradient(top, #298cba 0%, #1d6385 100%);
	background: -ms-linear-gradient(top, #298cba 0%, #1d6385 100%);
	background: linear-gradient(to bottom, #298cba 0%, #1d6385 100%);
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}

.jackbox-question:hover:before,
.jackbox-question:hover:after {

	visibility: visible;
	
}

.jb-q1 {

	margin: 0 3px 0 3px;

}

.jb-q1:after {

	left: -230px;

}

.jackbox-form input[type=checkbox] {

	margin-bottom: 5px;
	margin-right: 2px;

}

.jackbox-form input[type=checkbox]:last-child {

	margin-bottom: 0;

}

.jackbox-form textarea[name=data-jbhtml] {

	display: none;

}

.jackbox-content .jb-extras {

	display: none;
	margin: 15px 0 0 3px;

}

.jb-noborder {

	border-bottom: none !important;
	padding-bottom: 0 !important;

}

.jb-media {

	display: inline-block;
	margin: 10px 0 0 2px;
	line-height: none;

}

.jb-media img {

	margin: 0;
	padding: 0;
	cursor: pointer;
	border: 2px solid #FFF;

	-moz-box-shadow: 0 0 3px #AAA;
	-webkit-box-shadow: 0 0 3px #AAA;
	box-shadow: 0 0 3px #AAA;

}

.jb-media img:hover {

	opacity: 0.75;

}

.jb-media audio,
.jb-media video {

	width: 223px;

}

.jb-inline {

	float: right;
	font-size: 11px;

}

.jb-inline input {

	margin-left: 6px;
	margin-top: -1px;

}

.jackbox-content hr {

	border: 0;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #FFF;
	margin: 18px 0 15px 0;
	padding: 0;
	height: 0;

}

.jb-error {

	border: 1px solid red !important;

}

#jb-tiny-html {

	height: 175px !important;
	min-height: 175px !important;

}

.jb-modern-tiny .mce-tinymce {

	clear: both;
	margin-top: 5px;
	
}

.jb-loading:after {

	display: inline-block;
	margin-left: 5px;
	font-style: italic;
	font-weight: bold;
	font-size: 11px;
	color: #666;
	text-decoration: blink;
	content: "loading...";
	
}

.jackbox-wrapper {

	padding: 30px;
	margin: 28px 0 0 10px;
	display: inline-block;
	line-height: 24px;

	background-color: #F7F7F7;
	border: 1px solid #FFF;

	-moz-box-shadow: 0 0 1px #BBB;
	-webkit-box-shadow: 0 0 1px #BBB;
	box-shadow: 0 0 1px #BBB;

}

.jackbox-wrapper .jackbox-form select {

	width: 125px;

}

.jackbox-wrapper .jackbox-form textarea {

	width: 200px;
	min-width: 200px;
	max-width: 800px;

}

.jackbox-wrapper .jackbox-form textarea:focus,
.jackbox-field:focus {

	width: 400px !important;

}

.jackbox-edit-raw {

	float: left;
	margin-bottom: 5px !important;
	
}

.jackbox-edit-raw-desc {

	float: right;
	margin-bottom: 5px !important;
	
}