﻿.template {
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	position: relative !important;
}

.nbt-r {
	float: none !important;
	width: 100% !important;
	position: relative !important;
	overflow: hidden !important;
}

.nbt-i {
	position: relative !important;
	float: left !important;
	left: 100% !important;
}
.nbt-r > .nbt-i {
	overflow: hidden !important;
}

.edit div.nbt-c {
	position: relative !important;
}
.edit .nbt-r > .nbt-i > div.nbt-c {
	min-width: 10px;
	min-height: 10px;
}
.edit .wrap > .nbt-c {
	overflow: hidden !important;
}
.edit .item.wrap > .nbt-c {
	overflow: visible !important;
}

.edit .wrap {
	border: 1px solid #fff;
}
.edit .nbt-i > .wrap,
.edit .nbt-r > .wrap {
	border: 1px solid #E7E4D5;
}
.edit .itemHover,
.edit .itemSelected {
	border: 1px dotted #444;
}

.edit .itemHover > div.wrap,
.edit .itemSelected > div.wrap {
	border: 1px solid #444;
}

.edit .nbt-i, .edit .nbt-r { border: none; }

.i1 { margin-left: -100% !important; }
.w100 > .wrap > .nbt-c > .i1 { width: 100% !important; }
.w5050 > .wrap > .nbt-c > .i1 { width: 50% !important; }
.w5050 > .wrap > .nbt-c > .i2 { margin-left: -50% !important; width: 50% !important; }
.w3367 > .wrap > .nbt-c > .i1 { width: 33% !important; }
.w3367 > .wrap > .nbt-c > .i2 { margin-left: -67% !important; width: 67% !important; }
.w6733 > .wrap > .nbt-c > .i1 { width: 67% !important; }
.w6733 > .wrap > .nbt-c > .i2 { margin-left: -33% !important; width: 33% !important; }
.w2575 > .wrap > .nbt-c > .i1 { width: 25% !important; }
.w2575 > .wrap > .nbt-c > .i2 { margin-left: -75% !important; width: 75% !important; }
.w7525 > .wrap > .nbt-c > .i1 { width: 75% !important; }
.w7525 > .wrap > .nbt-c > .i2 { margin-left: -25% !important; width: 25% !important; }
.w333433 > .wrap > .nbt-c > .i1 { width: 33% !important; }
.w333433 > .wrap > .nbt-c > .i2 { margin-left: -67% !important; width: 34% !important; }
.w333433 > .wrap > .nbt-c > .i3 { margin-left: -33% !important; width: 33% !important; }
.w252550 > .wrap > .nbt-c > .i1 { width: 25% !important; }
.w252550 > .wrap > .nbt-c > .i2 { margin-left: -75% !important; width: 25% !important; }
.w252550 > .wrap > .nbt-c > .i3 { margin-left: -50% !important; width: 50% !important; }
.w502525 > .wrap > .nbt-c > .i1 { width: 50% !important; }
.w502525 > .wrap > .nbt-c > .i2 { margin-left: -50% !important; width: 25% !important; }
.w502525 > .wrap > .nbt-c > .i3 { margin-left: -25% !important; width: 25% !important; }
.w255025 > .wrap > .nbt-c > .i1 { width: 25% !important; }
.w255025 > .wrap > .nbt-c > .i2 { margin-left: -75% !important; width: 50% !important; }
.w255025 > .wrap > .nbt-c > .i3 { margin-left: -25% !important; width: 25% !important; }
.w25252525 > .wrap > .nbt-c > .i1 { width: 25% !important; }
.w25252525 > .wrap > .nbt-c > .i2 { margin-left: -75% !important; width: 25% !important; }
.w25252525 > .wrap > .nbt-c > .i3 { margin-left: -50% !important; width: 25% !important; }
.w25252525 > .wrap > .nbt-c > .i4 { margin-left: -25% !important; width: 25% !important; }

/* Merge this with the code above somehow... */
.i1 { margin-left: -100% !important; }
.w100 .i1,
.w100 .nbt-c .i1 { width: 100% !important; }
.w5050 .i1,
.w5050 .nbt-c .i1 { width: 50% !important; }
.w5050 .i2,
.w5050 .nbt-c .i2 { margin-left: -50% !important; width: 50% !important; }
.w3367 .i1,
.w3367 .nbt-c .i1 { width: 33% !important; }
.w3367 .i2,
.w3367 .nbt-c .i2 { margin-left: -67% !important; width: 67% !important; }
.w6733 .i1,
.w6733 .nbt-c .i1 { width: 67% !important; }
.w6733 .i2,
.w6733 .nbt-c .i2 { margin-left: -33% !important; width: 33% !important; }
.w2575 .i1,
.w2575 .nbt-c .i1 { width: 25% !important; }
.w2575 .i2,
.w2575 .nbt-c .i2 { margin-left: -75% !important; width: 75% !important; }
.w7525 .i1,
.w7525 .nbt-c .i1 { width: 75% !important; }
.w7525 .i2,
.w7525 .nbt-c .i2 { margin-left: -25% !important; width: 25% !important; }
.w333433 .i1,
.w333433 .nbt-c .i1 { width: 33% !important; }
.w333433 .i2,
.w333433 .nbt-c .i2 { margin-left: -67% !important; width: 34% !important; }
.w333433 .i3,
.w333433 .nbt-c .i3 { margin-left: -33% !important; width: 33% !important; }
.w252550 .i1,
.w252550 .nbt-c .i1 { width: 25% !important; }
.w252550 .i2,
.w252550 .nbt-c .i2 { margin-left: -75% !important; width: 25% !important; }
.w252550 .i3,
.w252550 .nbt-c .i3 { margin-left: -50% !important; width: 50% !important; }
.w502525 .i1,
.w502525 .nbt-c .i1 { width: 50% !important; }
.w502525 .i2,
.w502525 .nbt-c .i2 { margin-left: -50% !important; width: 25% !important; }
.w502525 .i3,
.w502525 .nbt-c .i3 { margin-left: -25% !important; width: 25% !important; }
.w255025 .i1,
.w255025 .nbt-c .i1 { width: 25% !important; }
.w255025 .i2,
.w255025 .nbt-c .i2 { margin-left: -75% !important; width: 50% !important; }
.w255025 .i3,
.w255025 .nbt-c .i3 { margin-left: -25% !important; width: 25% !important; }
.w25252525 .i1,
.w25252525 .nbt-c .i1 { width: 25% !important; }
.w25252525 .i2,
.w25252525 .nbt-c .i2 { margin-left: -75% !important; width: 25% !important; }
.w25252525 .i3,
.w25252525 .nbt-c .i3 { margin-left: -50% !important; width: 25% !important; }
.w25252525 .i4,
.w25252525 .nbt-c .i4 { margin-left: -25% !important; width: 25% !important; }

/* Forms... */
.nbt-fi,
.nbt-fi-l,
.nbt-fi-lr {
	width: 100% !important;
	overflow: hidden !important;
	clear: both !important;
	padding: 2px 0 !important;
	position: relative !important;
}

.nbt-fi br,
.nbt-fi-l br,
.nbt-fi-lr br {
	display: none !important;
}

.nbt-fi label {
	display: block !important;
	float: none !important;
	text-indent: 0 !important;
	position: static !important;
}

.nbt-fi-l label,
.nbt-fi-lr label
{
	float: left !important;
	width: 10em;
	padding-right: 1em;
	padding-top: .3em;
}

.nbt-fi-lr label {
	text-align: right !important;
}

.nbt-fi input,
.nbt-fi-l input,
.nbt-fi-lr input,
.nbt-fi select,
.nbt-fi-l select,
.nbt-fi-lr select {
	width: 20em;
}

.nbt-fi textarea,
.nbt-fi-l textarea,
.nbt-fi-lr textarea {
	width: 30em;
	overflow: auto !important;
}

.nbt-fi fieldset {
	margin: 1.6em 0 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.edit .nbt-fi fieldset {
	margin-top: 2em !important;
}

.nbt-fi-l fieldset,
.nbt-fi-lr fieldset {
	margin: 0 0 0 10em;
	padding: 0 !important;
	border: 0 !important;
}

.nbt-fi legend,
.nbt-fi-l legend,
.nbt-fi-lr legend {
	font-weight: normal !important;
	border: 0 !important;
	background: transparent !important;
}

.nbt-fi legend span,
.nbt-fi-l legend span,
.nbt-fi-lr legend span {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	padding-top: .6em !important;
	text-align: left !important;
}

.nbt-fi-lr legend span {
	width: 10em;
	text-align: right !important;
}
.nbt-fi-l legend span {
	width: 10em;
}
.nbt-fi fieldset legend,
.nbt-fi fieldset legend span {
	line-height: 1 !important;
	padding: .2em 0 0 0 !important;
}

.nbt-fi fieldset label,
.nbt-fi-l fieldset label,
.nbt-fi-lr fieldset label {
	display: block !important;
	float: none !important;
	text-indent: 0 !important;
	position: static !important;
	padding: .1em 0 0 0 !important;
	margin: 0 0 0 1em !important;
	width: auto !important;
	text-align: left !important;
}

.nbt-fi fieldset input,
.nbt-fi-l fieldset input,
.nbt-fi-lr fieldset input {
	width: 18px;
}

.form-success,
.form-warning {
	font-size: 1em !important;
	border: 1px solid #000;
	margin-bottom: 20px;
	padding: 12px;
}
.form-success { background: #DFF2BF; border-color: #4F8A10; }
.form-warning { background: #FEEFB3; border-color: #9F6000; }
.form-error { border: 1px solid #000; margin-bottom: 20px; padding: 0 !important; }
.form-error h2 { background: #a00 !important; color: #fff !important; }
.form-error * { font-size: 1em !important; }
.form-error h2 { font-weight: bold !important; font-size: 1.2em !important; margin: 0 0 .5em !important; padding: 6px 12px !important; }
.form-error ul { margin-top: 12px !important; margin-bottom: 12px !important; padding-top: 0 !important; padding-bottom: 0 !important; }

.nbt-fi legend span.nbt-required,
.nbt-fi-l legend span.nbt-required,
.nbt-fi-lr legend span.nbt-required,
span.nbt-required {
	position: static !important;
	color: #c00;
}
.nbt-participants input {
	float: left !important;
}
span.nbt-form-help {
	color: #777 !important;
	float: left !important;
	margin-left: 6px !important;
	padding: .1em 0 0 0 !important;
}
/* /Forms */

.nbt-i img {
	max-width: 100% !important;
}
#divEPEditPageWrapper .nbt-i {
	overflow: visible !important;
}
#divEPEditPageWrapper .template div.nbt-c {
	overflow: visible !important;
	float: none !important;
}

.nbt-r + .item,
.nbt-r + .nbt-c {
	clear: left;
}

.nbt-r > .wrap > .nbt-c:after,
.nbt-r > .nbt-c:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.nbt-r > .wrap > .nbt-c,
.nbt-r > .nbt-c {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .nbt-r > .wrap > .nbt-c,
* html .nbt-r > .nbt-c {
	height: 1%;
}
.nbt-r > .wrap > .nbt-c,
.nbt-r > .nbt-c {
	display: block;
}
/* End hide from IE-mac */

/* IE7 hacks... */
* + html #nbt-edit-mode,
* + html #nbt-edit-mode .template,
* + html #tblEditArea .template {
	width: 100.4% !important; /* Rounding errors in IE sometimes causes columns to drop when the template is located inside a table... */
}
* + html #tblEditArea .template .nbt-i {
	left: 0 !important;
}
/* End IE7 hacks */

/* IE6 clearfix hack... */
* html .nbt-r .wrap .nbt-c:after,
* html .nbt-r .nbt-c:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .nbt-r .wrap .nbt-c,
* html .nbt-r .nbt-c {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .nbt-r .wrap .nbt-c,
* html .nbt-r .nbt-c {
	height: 1%;
}
* html .nbt-r .wrap .nbt-c,
* html .nbt-r .nbt-c {
	display: block;
}
/* End hide from IE-mac */
/* End IE6 clearfix hack */

/* IE hacks for template inside table... */
* + html table .template { width: 100.4% !important; } /* IE7 */
* html table .nbt-r { left: 0 !important; } /* IE6 */
* + html table .nbt-i { left: 0 !important; } /* IE7 */
/* End IE hacks for template inside table */
