/* VERSION 2009-11-12 */

html, body, table td, table th {
	font: 10.5pt sans-serif;
	padding: 0;
	margin: 0;
	text-align: left;
	vertical-align: top;
}

table tr td, table tr th {
	font-size: 100%;
}

/* FOR drawers */
.layer-1 {
	z-index: 100;
}

hr {
	height: 1px;
	background: black;
	width: 100%;
	clear: both;
	border: 0px solid transparent;
	margin: 0;
	padding: 0;
}

input[type=checkbox] {
	padding-right: 5px;
	vertical-align: middle;
}

input[type=text], input[type=password], textarea {
	width: 150px;
}

input[type=text], input[type=password], textarea {
	font-family: sans-serif;
	margin-bottom: 2px;
}

input[type=text].default, textarea.default {
	color: #A0A0A0;
}

select option {
	border-top: 1px solid #E0E0E0;
	padding-left: 5px;
	padding-right: 5px;
}

fieldset {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	padding-top: 0px;
	border: 1px solid #A0A0A0;
}

fieldset legend {
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}

.w-foldable.folded {
	border: 0px solid transparent;
}

.w-foldable.folded > .body {
	display: none;
}


.disabled {
	opacity: 0.5;
}

h1,h2,h3,h4,h5 {
	font-weight: bold;
}

h1 {
	font-size: 140%;
}

h2 {
	font-size: 130%;
}

h3 {
	font-size: 120%;
}

ul.nolist,
ul.hlist {
	padding: 0;
	margin: 0;
}

ul.nolist li,
ul.hlist li {
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

ul.hlist li {
	display: inline;
}

ul.vlist li {
	margin-top: 5px;
	margin-bottom: 5px;
}

table.htable th {
	padding-right: 10px
}

.block > .header {
	padding-top: 20px;
}

input[type=checkbox] {
	vertical-align: middle;
	margin-right: 5px;
}

.hi {
	background: #FFFFA0;
	border-right: 1px solid #DBDB73;
	border-bottom: 1px solid #DBDB73;
	color: #A48b00;
	padding-left: 3px;
	padding-right: 3px;
}

.b {
	font-weight: bold;
}

.u {
	text-decoration: underline;
}

.has-layout {
	position: relative;
}

.lighter {
	opacity: 0.75;
}

.small {
	font-size: 90%;
}

.smaller {
	font-size: 80%;
}

.bigger {
	font-size: 120%;
}

.contrast {
	background: #E0E0E0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.hidden {
	display: none !important;
}

.clear {
	clear: both;
}

.clearer {
	clear: both;
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 0px;
	line-height: 0px;
	width: 0px;
	clear: both;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	line-height: 0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

*:first-child+html .clearfix {
	height:1%;
}
 
* html .clearfix{
	height:1%;
}
.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.as-block {
	display: block;
}

.as-float {
	float: left;
}

.hr-top {
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px solid #A0A0A0;
}

.hr-bottom {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #A0A0A0;
}

.pos-rel {
	position: relative;
}

.pos-abs {
	position: absolute;
}

.indent-10 {
	padding-left: 10px;
}

.inset-5 {
	padding: 5px;
}

.inset-10 {
	padding: 10px;
}

.inset-20 {
	padding: 20px;
}

.hsep-5 {
	padding-right: 5px;
}

.hsep-10 {
	padding-right: 10px;
}

.vsep-5 {
	padding-top: 5px;
}

.vsep-10 {
	padding-top: 10px;
}

.vafter-5 {
	margin-bottom: 5px;
}

.vafter-10 {
	margin-bottom: 10px;
}

.spacer {
	padding: 0;
	padding-left: 5px;
}

.spacer-10 {
	padding: 0;
	padding-left: 10px;
}

.span-last {
	clear: right;
}

.span-20p {
	float: left;
	width: 20%;
}

.span-40p {
	float: left;
	width: 40%;
}

.span-25p {
	float: left;
	width: 25%;
}

.span-30p {
	float: left;
	width: 30.0%;
}

.span-33p {
	float: left;
	width: 33.332%;
}

.span-50p {
	float: left;
	width: 50%;
}

.span-70p {
	float: left;
	width: 70%;
}

.span-75p {
	float: left;
	width: 75%;
}

.span-80p {
	float: left;
	width: 80%;
}

.span-66p {
	float: left;
	width: 66.332%;
}

.span-100 {
	float: left;
	width: 100px;
}

.span-200 {
	float: left;
	width: 200px;
}

.span-400 {
	float: left;
	width: 400px;
}

.span-600 {
	float: left;
	width: 600px;
}

.col > .header,
.col > .body,
.col > .footer,
.col > .section > .header,
.col > .section > .body,
.col > .section > .footer {
	padding-left: 10px;
	padding-right: 10px;
}

.col.first > .header,
.col.first > .body,
.col.first > .footer,
.col.first > .section > .header,
.col.first > .section > .body,
.col.first > .section > .footer {
	padding-left: 0px;
}

.col.last > .header,
.col.last > .body,
.col.last > .footer,
.col.last > .section > .header,
.col.last > .section > .body,
.col.last > .section > .footer {
	padding-right: 0px;
}

.rcol-200.leftside {
	position: relative;
	margin-right: 201px;
}

.rcol-200.rightside {
	float: right;
	width: 200px;
}

.lcol-150.leftside {
	position: relative;
	float: left;
	width: 150px;
}

.lcol-150.rightside {
	position: relative;
	float: right;
}

.lcol-200.leftside {
	position: relative;
	float: left;
	width: 200px;
}

.lcol-200.rightside {
	position: relative;
	float: right;
}

.w-25p {
	width: 25% !important;
}

.w-75p {
	width: 75% !important;
}

.w-100p {
	width: 100% !important;
}

.w-200 {
	width: 200px !important;
}

.w-250 {
	width: 250px !important;
}

.w-400 {
	width: 400px !important;
}

.t-50 {
	opacity: 0.5;
}

.by-2 > * {
	float: left;
	width: 50%;
}

.by-3 > * {
	float: left;
	width: 33.331%;
}

.by-4 > * {
	float: left;
	width: 25%
}

.by-5 > * {
	float: left;
	width: 20%
}

.by-6 > * {
	float: left;
	width: 16.667%;
}

.by-6 > * {
	float: left;
	width: 16.667%;
}

.by-7 > * {
	float: left;
	width: 14.285%;
}

.by-8 > * {
	float: left;
	width: 12.5%;
}

.by-9 > * {
	float: left;
	width: 11.111%;
}

.by-2,
.by-3,
.by-4,
.by-5,
.by-6,
.by-7,
.by-8,
.by-9 {
	margin-right: -10px;
}

.by-2 .by-element > *,
.by-3 .by-element > *,
.by-4 .by-element > *,
.by-5 .by-element > *,
.by-6 .by-element > *,
.by-7 .by-element > *,
.by-8 .by-element > *,
.by-9 .by-element > * {
	margin-right: 10px;
}

.nudge-n-5 {
	position: relative;
	top: -5px;
}
.debug {
	border: 1px solid red;
	margin: -1px;
}

.no-edit .when-edit {
	display: none;
}

.has-edit div.when-edit {
	display: block;
}

.has-edit span.when-edit {
	display: inline;
}

#Templates,
.template,
.templates {
	display: none;
}


