.container,
.container-1 {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
}
.container {max-width:1170px;}
.container-1 {max-width:770px;}

.container-fluid {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
}
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after {
	display:table;
	content:" ";
}
.container:after,
.container-fluid:after {
	clear:both;
}

.border-box {box-sizing:border-box;}

/*main > .container {min-height:480px;}*/
html, body {
	height:100%;
	margin:0; padding:0;  /* to avoid scrollbars */
}
.wrapper {
	display:table;
	height:100%;
	width:100%;
}
.header, .footer {
	display:table-row;
}
.wrapper-table-row {
	display:table-row;
	height:100%;
}
main {
	padding:1em 0 4em 0;
	margin:0 0 4em;
	background:url("../img/bg-divide.png") no-repeat 50% 100%;
}
.ws-nowrap {white-space:nowrap;}
.ws-pre {white-space:pre;}
.ws-pre-wrap {
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
}
.wordbreakall {
	word-break:break-all;
}
pre, .pre {
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #7ab55c;
	background:#f6f6f6;
	font:0.95em/1.8 Consolas, Courier New, Courier, monospace;
}
pre b, pre strong,
.pre b, .pre strong {
	color:#222;
}
.code, .pure-form .code {font-family:Consolas, Courier New, Courier, monospace;}

ul.square, ul.square li {list-style:square}
ul.disc, ul.disc li {list-style:disc}
ul.circle, ul.circle li {list-style:circle}

ol.arabic, ol.arabic li {list-style:decimal}

ol.lower-alpha, ol.lower-alpha li {list-style:lower-alpha}
ol.upper-alpha, ol.upper-alpha li {list-style:upper-alpha}
ol.lower-roman, ol.lower-roman li {list-style:lower-roman}
ol.upper-roman, ol.upper-roman li {list-style:upper-roman}

ol.lower-greek, ol.lower-greek li {list-style:lower-greek}

abbr[title] {text-decoration:none;}

sub, sup {font-size:84%;}


.pos-rel {position:relative;}
.pos-abs {position:absolute;}
/*p:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {margin-top:0;}*/
.margin-t-0 {margin-top:0}
.margin-b-0 {margin-bottom:0}
.margin-l-0 {margin-left:0;}
.margin-r-0 {margin-right:0;}
.margin-0 {margin:0;}
.margin-02, .margin-0-2 {margin:0.2em;}
.margin-05, .margin-0-5 {margin:0.5em;}
.margin-1 {margin:1em;}
.margin-2 {margin:2em;}
.margin-3 {margin:3em;}
.margin-4 {margin:4em;}

.float-left {float:left;}
.float-right {float:right;}
.obj-left {float:left;margin-right:1em;margin-bottom:1em;}
.obj-right {float:right;margin-left:1em;margin-bottom:1em;}

.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.valign-top {vertical-align:top;}
.valign-middle {vertical-align:middle;}
.valign-bottom {vertical-align:bottom;}
.valign-sup {vertical-align:super;}
.valign-sub {vertical-align:sub;}

@media (min-width: 35.5em) {
	.align-left-sm {text-align:left !important;}
	.align-right-sm {text-align:right !important;}
}
@media (min-width: 48em) {
	.align-left-md {text-align:left !important;}
	.align-right-md {text-align:right !important;}
}
@media (min-width: 64em) {
	.align-left-lg {text-align:left !important;}
	.align-right-lg {text-align:right !important;}
}
@media (min-width: 80em) {
	.align-left-xl {text-align:left !important;}
	.align-right-xl {text-align:right !important;}
}

.margin-t-0-5 {margin-top:0.5em;}
.margin-t-1 {margin-top:1em;}
.margin-t-2 {margin-top:2em;}
.margin-t-3 {margin-top:3em;}
.margin-t-4 {margin-top:4em;}
.margin-t-8 {margin-top:8em;}
.margin-b-0-5 {margin-bottom:0.5em;}
.margin-b-1 {margin-bottom:1em;}
.margin-b-2 {margin-bottom:2em;}
.margin-b-3 {margin-bottom:3em;}
.margin-b-4 {margin-bottom:4em;}
.margin-b-8 {margin-bottom:8em;}

.margin-l-0-5 {margin-left:0.5em;}
.margin-l-1 {margin-left:1em;}
.margin-l-2 {margin-left:2em;}
.margin-l-3 {margin-left:3em;}
.margin-l-4 {margin-left:4em;}
.margin-l-8 {margin-left:8em;}
.margin-r-0-5 {margin-right:0.5em;}
.margin-r-1 {margin-right:1em;}
.margin-r-2 {margin-right:2em;}
.margin-r-3 {margin-right:3em;}
.margin-r-4 {margin-right:4em;}
.margin-r-8 {margin-right:8em;}

.margin-v-0 {margin-top:0;margin-bottom:0}
.margin-v-0-2 {margin-top:0.2em;margin-bottom:0.2em}
.margin-v-0-5 {margin-top:0.5em;margin-bottom:0.5em}
.margin-h-0 {margin-left:0;margin-right:0}
.margin-h-0-2 {margin-left:0.2em;margin-right:0.2em}
.margin-h-0-5 {margin-left:0.5em;margin-right:0.5em}
.margin-v-1 {margin-top:1em;margin-bottom:1em}
.margin-h-1 {margin-left:1em;margin-right:1em}
.margin-v-2 {margin-top:2em;margin-bottom:2em}
.margin-h-2 {margin-left:2em;margin-right:2em}
.margin-v-3 {margin-top:3em;margin-bottom:3em}
.margin-h-3 {margin-left:3em;margin-right:3em}
.margin-v-4 {margin-top:4em;margin-bottom:4em}
.margin-h-4 {margin-left:4em;margin-right:4em}
.margin-v-8 {margin-top:8em;margin-bottom:8em}
.margin-h-8 {margin-left:8em;margin-right:8em}
.margin-v-auto {margin-top:auto;margin-bottom:auto;}
.margin-h-auto {margin-left:auto;margin-right:auto;}

.child-1st-margin-t-0 > *:first-child {margin-top:0 !important;}

.padding-v-0-2 {padding-top:0.2em;padding-bottom:0.2em}
.padding-h-0-2 {padding-left:0.2em;padding-right:0.2em}
.padding-v-0-5 {padding-top:0.5em;padding-bottom:0.5em}
.padding-h-0-5 {padding-left:0.5em;padding-right:0.5em}
.padding-v-1 {padding-top:1em;padding-bottom:1em}
.padding-h-1 {padding-left:1em;padding-right:1em}
.padding-v-2 {padding-top:2em;padding-bottom:2em}
.padding-h-2 {padding-left:2em;padding-right:2em}
.padding-v-3 {padding-top:3em;padding-bottom:3em}
.padding-h-3 {padding-left:3em;padding-right:3em}
.padding-v-4 {padding-top:4em;padding-bottom:4em}
.padding-h-4 {padding-left:4em;padding-right:4em}

.padding-l-0-5 {padding-left:0.5em}
.padding-r-0-5 {padding-right:0.5em}
.padding-l-0 {padding-left:0}
.padding-r-0 {padding-right:0}
.padding-l-1 {padding-left:1em}
.padding-r-1 {padding-right:1em}
.padding-l-2 {padding-left:2em}
.padding-r-2 {padding-right:2em}
.padding-l-3 {padding-left:3em}
.padding-r-3 {padding-right:3em}
.padding-l-4 {padding-left:4em}
.padding-r-4 {padding-right:4em}

.padding-t-0-5 {padding-top:0.5em}
.padding-b-0-5 {padding-bottom:0.5em}
.padding-t-0 {padding-top:0}
.padding-b-0 {padding-bottom:0}
.padding-t-1 {padding-top:1em}
.padding-b-1 {padding-bottom:1em}
.padding-t-2 {padding-top:2em}
.padding-b-2 {padding-bottom:2em}
.padding-t-3 {padding-top:3em}
.padding-b-3 {padding-bottom:3em}
.padding-t-4 {padding-top:4em}
.padding-b-4 {padding-bottom:4em}

.padding-4 {padding:4em;}
.padding-3 {padding:3em;}
.padding-2 {padding:2em;}
.padding-1 {padding:1em;}
.padding-05, .padding-0-5 {padding:0.5em;}
.padding-02, .padding-0-2 {padding:0.2em;}
.padding-0 {padding:0;}

.padding-10 {padding:10px;}
.padding-v-10 {padding-top:10px;padding-bottom:10px}
.padding-h-10 {padding-left:10px;padding-right:10px}
.padding-20 {padding:20px;}
.padding-v-20 {padding-top:20px;padding-bottom:20px}
.padding-h-20 {padding-left:20px;padding-right:20px}
.padding-30 {padding:30px;}
.padding-v-30 {padding-top:30px;padding-bottom:30px}
.padding-h-30 {padding-left:30px;padding-right:30px}
.padding-40 {padding:40px;}
.padding-v-40 {padding-top:40px;padding-bottom:40px}
.padding-h-40 {padding-left:40px;padding-right:40px}

.margin-10 {margin:10px;}
.margin-v-10 {margin-top:10px;margin-bottom:10px}
.margin-h-10 {margin-left:10px;margin-right:10px}
.margin-20 {margin:20px;}
.margin-v-20 {margin-top:20px;margin-bottom:20px}
.margin-h-20 {margin-left:20px;margin-right:20px}
.margin-30 {margin:30px;}
.margin-v-30 {margin-top:30px;margin-bottom:30px}
.margin-h-30 {margin-left:30px;margin-right:30px}
.margin-40 {margin:40px;}
.margin-v-40 {margin-top:40px;margin-bottom:40px}
.margin-h-40 {margin-left:40px;margin-right:40px}

@media screen and (min-width: 35.5em) {
	.column-count-2-sm {-webkit-column-count:2;-moz-column-count:2;column-count:2;}
	.column-count-3-sm {-webkit-column-count:3;-moz-column-count:3;column-count:3;}
	.column-count-4-sm {-webkit-column-count:4;-moz-column-count:4;column-count:4;}
}
@media screen and (min-width: 48em) {
	.column-count-2-md {-webkit-column-count:2;-moz-column-count:2;column-count:2;}
	.column-count-3-md {-webkit-column-count:3;-moz-column-count:3;column-count:3;}
	.column-count-4-md {-webkit-column-count:4;-moz-column-count:4;column-count:4;}
}
@media screen and (min-width: 64em) {
	.column-count-2-lg {-webkit-column-count:2;-moz-column-count:2;column-count:2;}
	.column-count-3-lg {-webkit-column-count:3;-moz-column-count:3;column-count:3;}
	.column-count-4-lg {-webkit-column-count:4;-moz-column-count:4;column-count:4;}
}
@media screen and (min-width: 80em) {
	.column-count-2-xl {-webkit-column-count:2;-moz-column-count:2;column-count:2;}
	.column-count-3-xl {-webkit-column-count:3;-moz-column-count:3;column-count:3;}
	.column-count-4-xl {-webkit-column-count:4;-moz-column-count:4;column-count:4;}
}

@media screen and (max-width: 35.499em) {
	.margin-l-0-sm {margin-left:0;}
	.margin-r-0-sm {margin-right:0;}
	.margin-t-0-sm {margin-top:0;}
	.margin-b-0-sm {margin-bottom:0;}
	.float-none-sm {float:none;}
}
@media screen and (max-width: 47.999em) {
	.margin-l-0-md {margin-left:0;}
	.margin-r-0-md {margin-right:0;}
	.margin-t-0-md {margin-top:0;}
	.margin-b-0-md {margin-bottom:0;}
	.float-none-md {float:none;}
}
@media screen and (max-width: 63.999em) {
	.margin-l-0-lg {margin-left:0;}
	.margin-r-0-lg {margin-right:0;}
	.margin-t-0-lg {margin-top:0;}
	.margin-b-0-lg {margin-bottom:0;}
	.float-none-lg {float:none;}
}
@media screen and (max-width: 79.999em) {
	.margin-l-0-xl {margin-left:0;}
	.margin-r-0-xl {margin-right:0;}
	.margin-t-0-xl {margin-top:0;}
	.margin-b-0-xl {margin-bottom:0;}
	.float-none-xl {float:none;}
}

.column-gap-0-5 {-webkit-column-gap:0.5em;-moz-column-gap:0.5em;column-gap:0.5em;}
.column-gap-1 {-webkit-column-gap:1em;-moz-column-gap:1em;column-gap:1em;}
.column-gap-2 {-webkit-column-gap:2em;-moz-column-gap:2em;column-gap:2em;}
.column-gap-3 {-webkit-column-gap:3em;-moz-column-gap:3em;column-gap:3em;}

.layout-right-l-1 {margin-left:1em;}
@media (max-width:767px) {
	.layout-right-l-1 {margin-left:0;}
}

.display-block {display:block;}
.inline-block {display:inline-block;}
.display-none {display:none;}

.display-flex {display:flex;}
.flex-row {flex-direction:row;}
.flex-row-r {flex-direction:row-reverse;}
.flex-column {flex-direction:column;}
.flex-column-r {flex-direction:column-reverse;}
.flex-wrap {flex-wrap:wrap;}
.flex-nowrap {flex-wrap:nowrap;}
.flex-wrap-r {flex-wrap:wrap-reverse;}

.align-content-start {align-content:flex-start}
.align-content-end {align-content:flex-end}
.align-content-center {align-content:center}
.align-content-between {align-content:space-between}
.align-content-around {align-content:space-around}
.align-content-evenly {align-content:space-evenly}
.align-content-stretch {align-content:stretch}

.align-items-start {align-items:flex-start}
.align-items-end {align-items:flex-end}
.align-items-center {align-items:center}
.align-items-stretch {align-items:stretch}
.align-items-baseline {align-items:baseline}

.justify-center {justify-content:center}
.justify-left {justify-content:left}
.justify-right {justify-content:right}
.justify-start {justify-content:flex-start}
.justify-end {justify-content:flex-end}
.justify-between {justify-content:space-between}
.justify-around {justify-content:space-around}
.justify-evenly {justify-content:space-evenly}

.flex-basis-10 {flex-basis:10%;}
.flex-basis-15 {flex-basis:15%;}
.flex-basis-20 {flex-basis:20%;}
.flex-basis-25 {flex-basis:25%;}
.flex-basis-30 {flex-basis:30%;}
.flex-basis-40 {flex-basis:40%;}
.flex-basis-50 {flex-basis:50%;}
.flex-basis-60 {flex-basis:60%;}
.flex-basis-70 {flex-basis:70%;}
.flex-basis-75 {flex-basis:75%;}
.flex-basis-80 {flex-basis:80%;}
.flex-basis-85 {flex-basis:85%;}
.flex-basis-90 {flex-basis:90%;}
.flex-basis-100 {flex-basis:100%;}

.flex-shrink-0 {flex-shrink:0;}
.flex-grow-0 {flex-grow:0;}

.gap-5 {gap:5px}
.gap-10 {gap:10px}
.gap-15 {gap:15px}
.gap-20 {gap:20px}
.gap-30 {gap:30px}
.gap-40 {gap:40px}

.gap-row-5 {row-gap:5px}
.gap-row-10 {row-gap:10px}
.gap-row-15 {row-gap:15px}
.gap-row-20 {row-gap:20px}
.gap-row-30 {row-gap:30px}
.gap-row-40 {row-gap:40px}

.gap-column-5 {column-gap:5px}
.gap-column-10 {column-gap:10px}
.gap-column-15 {column-gap:15px}
.gap-column-20 {column-gap:20px}
.gap-column-30 {column-gap:30px}
.gap-column-40 {column-gap:40px}

.img-frame {
	box-sizing:border-box;
	padding:10px;
	background:#f3f3f3;
	border:1px solid #e3e3e3;
	/*-webkit-box-shadow:#aaa 1px 2px 3px;
	-moz-box-shadow:#aaa 1px 2px 3px;
	box-shadow:#aaa 1px 2px 3px;*/
}
.img-frame-1 {
	box-sizing:border-box;
	padding:2px;
	border:1px solid #ddd;
}
.img-circle {
	border-radius:50%;
}
.aspect-ratio-1-1 {
	aspect-ratio:1 / 1;
}

.pure-img {
	display:block;
	max-width:100%;
	width:100%;
	height:auto;
}

.clearfix:before,
.clearfix:after {
	display:table;
	content:" ";
}
.clearfix:after,
.pager:after,
.clear-both {
	clear:both;
}
.breakword {
	white-space: -moz-pre-wrap !important;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
	white-space: -webkit-pre-wrap;
	word-break: break-all;
	white-space: normal;
}
.overflow-auto {overflow:auto;}
.overflow-hidden {overflow:hidden;}
.overflow-wrap {overflow-wrap:anywhere;}
.overflow-wrap-no {overflow-wrap:normal;}
.ellipsis {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.line-through {text-decoration:line-through;}

.key-ctrl {border-bottom:1px solid rgba(255,255,255,0);}
.key-alt {border-bottom:2px solid rgba(255,255,255,0);}
.key-light {border-color:rgba(255,255,255,0.5);}
.key-dark {border-color:rgba(72,72,72,0.6);}

.item-even {background:#eee;}
.cursor-pointer {cursor:pointer;}

/* pure-min.css sup sub */
.sup {top:0;}
.sub {bottom:0;}


/***************/

*::selection {
	background:#ddd;
	color:#000;
}
*::-moz-selection {
	background:#ddd;
	color:#000;
}
::-webkit-input-placeholder {color:#c5c5c5;}
:-moz-placeholder {color:#c5c5c5;opacity:1;}
::-moz-placeholder {color:#c5c5c5;opacity:1;}
:-ms-input-placeholder {color:#c5c5c5;}

body {color:#666;}
html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {font-size:1em;font-family:"Franklin ITC Light", Arial, Helvetica, sans-serif;}

.pure-button {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	padding:.56em 1em;
}
.pure-button-active, .pure-button:active {box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 7px rgba(0, 0, 0, 0.3) inset;}
.pure-button-disabled, .pure-button-disabled:active {box-shadow:none;}
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
	/*background:#368aa9;*/
	background:#479ccf;
}

/***************/

button[disabled] {
}

a {
	color:#2455c3;
}

.content {
	line-height:1.8;
	font-size:1em;
	font-family:"Franklin ITC Light", Arial, Helvetica, sans-serif;
}
.message .content {
	font-family:"Franklin ITC Light", Arial, Helvetica, sans-serif;
}
@media (max-width:767px) {
	.content {
		font-size:0.9em;
	}
}
.subhead {font-size:1.6em;}
.subsubhead {font-size:1.25em;}
.subhead, .subsubhead {
	margin:1.2em 0 0.8em 0;
	color:#999;
	font-weight:400;
	line-height:1.2;
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
}
.content a {
	border-bottom:1px solid rgba(24, 24, 24, 0.4);
	color:rgba(24, 48, 150, 0.8);
	font-size:inherit;
	text-decoration:none;
	-o-transition:color .15s, border .15s;
	-ms-transition:color .15s, border .15s;
	-moz-transition:color .15s, border .15s;
	-webkit-transition:color .15s, border .15s;
	transition:color .15s, border .15s;
	font-weight:bold;
}
/* .content a:visited {color:rgba(12, 24, 92, 0.8);} */
.content a.pure-button, .content a.pure-button:hover {
	border-bottom:none;
	/*color:rgba(255,255,255, 0.8);*/
	/*color:rgba(24, 48, 150, 0.8);*/
	color:rgba(48, 48, 48, 0.8);
}
.content a.pure-button.button-success,
.content a.pure-button.button-error,
.content a.pure-button.button-danger,
.content a.pure-button.button-warning,
.content a.pure-button.button-primary,
.content a.pure-button.button-secondary,
.content a.pure-button.button-heavy,
.content a.pure-button.button-notice,
.content a.pure-button.button-grey,
.content a.pure-button.button-darkgrey,
.content a.pure-button.button-dark,
.content a.pure-button.button-black,
.content a.pure-button.button-teal,
.content a.pure-button.button-dustylight,
.content a.pure-button.button-dusty,
.content a.pure-button.button-dustyheavy,
.content a.pure-button.button-dustydark {color:rgba(255,255,255, 0.8);}

.get-started .content a {
	color:rgba(24, 24, 24, 0.8);
}
.content a:hover {
	border-bottom:1px solid rgba(24, 24, 24, 0.1);
	color:rgba(104, 129, 129, 0.8);
}

.content a.hover-udl {
	color:rgba(24, 48, 150, 0.8);
	border:none;
	-o-transition:none;
	-ms-transition:none;
	-moz-transition:none;
	-webkit-transition:none;
	transition:none;
}
.content a.hover-udl:hover {
	color:rgba(24, 48, 150, 0.8);
	border-bottom:1px solid rgba(24, 24, 24, 0.25);
}

.content .danger,
.content a.danger, .content a.danger:hover {
	/*color:#EE0066;*/
	color:#ee2000;
	font-weight:bold;
}
.content strong {
	color:#1d1d1d;
}

.content a.button {
	border:none;
}




.content-2 {
	font-size:1em;
	line-height:1.8;
}
.content-2 a:hover {
	text-decoration:none;
}



.content-3 {
	font-family:"pns_regular",Arial, Helvetica, sans-serif;
}




/***************/

.title {
	/*margin:0;*/
	color:#30404f;
	text-align:center;
	padding:0.5em 2em 0;
	border-bottom:1px solid #eee;
}
.title.title-small {font-size:0.8em;/*padding-top:0;*/padding-bottom:0;}
.title.title-small-2 {font-size:0.6em;/*padding-top:0;*/padding-bottom:0;}
.body-home .title {padding:1.5em 2em 0;}
	.title .title-main {
		margin:0.2em 0;
		font-weight:700;
		font-size:3em;
		font-family:"Franklin ITC", Arial, Helvetica, sans-serif;
	}
	.title.title-slim .title-main {font-family:"Franklin ITC Light", Arial, Helvetica, sans-serif;}
	.title.title-slim-2 .title-main {font-weight:100;font-family:"Franklin ITC Light", Arial, Helvetica, sans-serif;}
	.title .title-tagline {
		font-weight:300;
		color:#aaa;
		padding:0;
		margin-top:0;
		/*font-family:Brandon, Arial, Helvetica, sans-serif;*/
	}
	.title .title-tagline strong, .title .title-tagline b {/*font-weight:400;*/font-weight:bold;color:#8f8f8f;}
	.title .title-tagline em, .title .title-tagline i {font-style:italic;}
	.title .title-tagline a {text-decoration:none;border-bottom:1px dotted;}
	.title .title-tagline a:hover {border-color:#ccc;}
	
	@media (max-width:767px) {
		.title .title-main {
			font-size:2.2em;
		}
		.title .title-tagline {
			font-size:1.3em;
		}
		.title .title-menu {
			font-size:0.9em;
		}
	}

.title.title-close {
	padding:0;
}

.title-props {
	line-height:1.6;
}
.title-props .title-prop {
	margin:0 0.4em 0 0;
}
.title-props .prop-icon {
	margin-right:0.25em;
}
.title-props .prop-name {
	padding:0.2em 0.3em;
}
.prop-value {
	border-bottom:1px dotted #777;
}


/***************/

.top-menu {
	background:#292b2f;
	/* background-color:rgba(0, 0, 0, 0.7); */
	/*margin-bottom:1em;*/
	-webkit-font-smoothing:antialiased;
	height:2.7em;
	overflow:hidden;
	-webkit-transition:height 0.5s;
	-moz-transition:height 0.5s;
	-ms-transition:height 0.5s;
	transition:height 0.5s;
}

	.top-menu .pure-menu,
	.top-menu .pure-menu .pure-menu-list {
		border:none;
		background:transparent;
	}

	.top-menu .pure-menu-heading {
		font-size:110%;
		color:#fff;
		margin:0;
		line-height:0;
	}

	.top-menu .pure-menu-link {
		color:#999;
		padding:0.66em 0.7em 0.78em 0.66em;
		-o-transition:color .3s, background .3s;
		-ms-transition:color .3s, background .3s;
		-moz-transition:color .3s, background .3s;
		-webkit-transition:color .3s, background .3s;
		transition:color .3s, background .3s;
		/*font-family:Brandon, Arial, Helvetica, sans-serif;*/
	}
	
	.top-menu .pure-menu-link:hover,
	.top-menu .pure-menu-link:focus,
	.top-menu .link-outstand {
		background:#404448;
	}
	.top-menu .pure-menu-link:hover, .top-menu .link-outstand {
		color:#f6f6f6;
	}
	.top-menu .link-outstand:hover {
		background:rgb(106, 113, 119);
		color:#fff;
	}
	
	.top-menu .pure-menu-selected .pure-menu-link,
	.top-menu .pure-menu-selected .pure-menu-link:hover,
	.top-menu .pure-menu-selected .pure-menu-link:focus {
		color:#f6f6f6;
		background:#1f8dd6;
	}
	
	.top-menu.open {
		height:14.5em;
		z-index:1000;
	}
	
	/*.top-menu.open .pure-menu-list,*/
	.top-menu.open .menu-item-divided {
		border-top:1px solid #333;
	}
	.top-menu .app-logo {
		vertical-align:middle;
	}
	.top-menu .app-logo, .top-menu .breadcrumbs {
		display:inline-block;
	}
	.top-menu .breadcrumbs {
		margin:0.6em;
		padding:0 0 0.25em 0;
	}
	.top-menu .breadcrumbs a {
		color:#8FABEB;
		text-decoration:none;
	}
	.top-menu .breadcrumbs a:hover {
		text-decoration:underline;
	}
	.top-menu .breadcrumbs .entity-raquo {color:#fff;margin:0 0.4em;}
	.top-menu .breadcrumbs .entity-raquo:first-of-type {margin-left:0;}

.entity-uarr {
	position:relative;
	bottom:0.2em;
	font-size:1.1em;
	line-height:0;
	font-weight:bold;
}
.entity-amp {
	/*color:#cccbca;*/
	color:#777573;
	font:italic 1.4em/0 Baskerville,Palatino,Palatino Linotype,Georgia,serif;
}
.entity-arrow, .entity-asterisk {font-size:1.3em;line-height:1;font-weight:bold;}
.entity-raquo {font-family:Arial, Helvetica, sans-serif;}
.pure-button .entity-raquo {font-size:1.3em;line-height:0;color:#d6d6d6;}

.message .entity-at {font-size:1.2em;line-height:0;font-weight:bold;font-family:Georgia,serif;color:#fff;}

.button-sign-up {
	-webkit-border-radius:2px; 
	-moz-border-radius:2px; 
	border-radius:2px; 
	padding:4px 10px;
	margin:6px 8px;
}


/***************/

.top-menu-3 {
	text-align:right;
}

.top-menu-toggle {
	width:43px;
	height:43px;
	display:block;
	position:absolute;
	top:0;
	right:0;
	display:none;
}

.top-menu-toggle .bar {
	background:#777;
	display:block;
	width:20px;
	height:2px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
	position:absolute;
	top:22px;
	right:11px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}

.top-menu-toggle .bar:first-child {
	-webkit-transform:translateY(-6px);
	-moz-transform:translateY(-6px);
	-ms-transform:translateY(-6px);
	transform:translateY(-6px);
}

.top-menu-toggle.x .bar {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

.top-menu-toggle.x .bar:first-child {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

@media (max-width:47.999em) {
	.top-menu-3 {text-align:left;}
	.top-menu-toggle {display:block;}
}


.max-width-full {max-width:100%;}
.width-full, .width-100 {
	width:100%;
}
.width-half, .width-50 {
	width:50%;
	display:inline-block;
}
.width-quarter, .width-25 {
	width:25%;
	display:inline-block;
}
.width-100 {width:100px;}
.height-100 {height:100px;}
.width-150 {width:150px;}
.height-150 {height:150px;}
.width-200 {width:200px;}
.height-200 {height:200px;}
.width-300 {width:300px;}
.height-300 {height:300px;}
.width-400 {width:400px;}
.height-400 {height:400px;}
.width-500 {width:500px;}
.height-500 {height:500px;}

.width-auto {width:auto !important;}
.height-auto {height:auto !important;}


.footer {
	margin-top:2em;
}
.footer-menus {
	/*background:#3e4041;*/
	background:#f9fafa;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	color:#8b8d8d;
	padding:3em 0;
}
@media (max-width:767px) {
	.footer-menus {
		padding:1.5em 0;
	}
}
.footer .content {
	margin-left:1em;
	/*font-size:0.9em;*/
}
.footer .content-2 {
	margin-left:1em;
	margin-bottom:1em;
}
.footer .content-2 a {
	text-decoration:none;
	-o-transition:color .2s;
	-ms-transition:color .2s;
	-moz-transition:color .2s;
	-webkit-transition:color .2s;
	transition:color .2s;
}
.footer .content-2 a:hover {
	color:#222;
	text-decoration:underline;
}
/*
.footer .content a {
	border-bottom:1px solid rgba(168, 168, 168, 0.2);
	color:rgba(218, 218, 218, 0.8);
}
.footer .content a:hover {
	border-bottom:1px solid rgba(168, 168, 168, 0.4);
	color:rgba(255, 255, 255, 0.8);
}
*/
.footer .content address {
	font-style:normal;
}
.footer .content strong {color:#a2a3a3;}
.footer .subhead {
	margin-top:0;
	margin-bottom:0.5em;
	font-size:1.3em;
}
.footer .pure-menu {
	/*font-size:0.9em;*/
	font-size:1em;
}
.footer .pure-menu .pure-menu-link,
.footer .pure-menu .pure-menu-heading {
	padding:0.4em 0.7em;
}
.footer .pure-menu .pure-menu-heading {
	padding-bottom:0.6em;
}
.pure-menu-heading .entity-amp {
	color:#979593;
}
.footer .pure-menu .pure-menu-heading .inner {
	display:block;
	padding:0 0 1em 0;
	border-bottom:1px dashed #e3e3e3;
}
.footer .pure-menu .pure-menu-list {
	margin-bottom:1em;
}
.footer .pure-menu .pure-menu-link {
	-o-transition:color .1s, background .1s;
	-ms-transition:color .1s, background .1s;
	-moz-transition:color .1s, background .1s;
	-webkit-transition:color .1s, background .1s;
	transition:color .1s, background .1s;
	color:#999;
}
.footer .pure-menu .pure-menu-link:hover {
	/*background:#424649;*/
	color:#4f4f50;
	background:none;
}
.footer-copyright {
	font-size:1em;
	/*background:#252727;*/
	background:#fff;
	color:#656667;
	padding:2.25em 0;
	text-align:center;
}
.footer-copyright a {
	color:#222;
}
.pure-form.updates-letter .pure-button {
	padding-left:0.7em;
	padding-right:0.7em;
	margin-top:0.2em;
}
.pure-form.updates-letter .input_email {
	width:10em;
	padding:0.5em 0.4em;
	margin-top:0.2em;
}







.button-success,
.button-error,
.button-danger,
.button-warning,
.button-primary,
.button-secondary,
.button-heavy,
.button-notice,
.button-grey,
.button-darkgrey,
.button-dark,
.button-black,
.button-teal,
.button-dustylight,
.button-dusty,
.button-dustyheavy,
.button-dustydark {
	color:white;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
}
.button-success, .bg-success {background:#7ab55c;}
.button-error, .button-danger, .bg-error, .bg-danger {background:rgb(202, 60, 60);}
.button-warning, .bg-warning {background:rgb(223, 117, 20);}
.button-primary, .bg-primary {background:#479ccf;}
.button-secondary, .bg-secondary {background:rgb(66, 184, 221);}
.button-heavy, .bg-heavy {background:#368aa9;}
.button-notice, .bg-notice {background:#ebb129;}
.button-grey, .bg-grey {background:#888;}
.button-darkgrey, .bg-darkgrey {background:#555;}
.button-dark, .bg-dark {background:#292b2f;}
.button-black, .bg-black {background:#000;}
.button-lightgrey, .bg-lightgrey {background:#d9d9d9;}
.button-feather, .bg-feather {background:#eee;}
.button-cloud, .bg-cloud {background:#f6f6f6;}
.button-teal, .bg-teal {background:rgb(23, 153, 112);}
.button-dustylight, .bg-dustylight {background:#B0BECA;}
.button-dusty, .bg-dusty {background:#8ea2b2;}
.button-dustyheavy, .bg-dustyheavy {background:#5e788e;}
.button-dustydark, .bg-dustydark {background:#3e5d7c;}

.button-large {padding:1em 2em;}
.button-xlarge {padding:1.25em 4em;}
.button-slender {padding:0.7em 4em;}

.wrapper .button-small {font-size:0.88em;padding:0.3em 0.7em 0.3em;border-radius:3px;}
.wrapper .button-xsmall {font-size:0.88em;padding:0.1em 0.4em;border-radius:2px;}

.pure-button-group{
    letter-spacing:-.31em;
    text-rendering:optimizespeed
}
.opera-only :-o-prefocus,.pure-button-group{
    word-spacing:-.43em
}
.pure-button-group .pure-button{
    letter-spacing:normal;
    word-spacing:normal;
    vertical-align:top;
    text-rendering:auto;
    margin:0;
    border-radius:0;
    border-right:1px solid #111;
    border-right:1px solid rgba(0,0,0,.2)
}
.pure-button-group .pure-button:first-child{
    border-top-left-radius:2px;
    border-bottom-left-radius:2px
}
.pure-button-group .pure-button:last-child{
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-right:none
}


.opacity-0-1 {opacity:0.1;}
.opacity-0-2 {opacity:0.2;}
.opacity-0-3 {opacity:0.3;}
.opacity-0-4 {opacity:0.4;}
.opacity-0-5 {opacity:0.5;}
.opacity-0-6 {opacity:0.6;}
.opacity-0-7 {opacity:0.7;}
.opacity-0-8 {opacity:0.8;}
.opacity-0-9 {opacity:0.9;}


.color-alpha-0-1 {color:rgba(255,255,255,0.1);}
.color-alpha-0-2 {color:rgba(255,255,255,0.2);}
.color-alpha-0-3 {color:rgba(255,255,255,0.3);}
.color-alpha-0-4 {color:rgba(255,255,255,0.4);}
.color-alpha-0-5 {color:rgba(255,255,255,0.5);}
.color-alpha-0-6 {color:rgba(255,255,255,0.6);}
.color-alpha-0-7 {color:rgba(255,255,255,0.7);}
.color-alpha-0-8 {color:rgba(255,255,255,0.8);}
.color-alpha-0-9 {color:rgba(255,255,255,0.9);}


.bg-0 {background: #fff;}
.bg-1 {background: #f9f5ed;}
.bg-2 {background: #ed4e29;}
.bg-3 {background: #102441;}
.bg-4 {background: #3e5d7c;}
.bg-5 {background: #1f7ee2;}
.bg-7 {background: #aaa;}
.bg-8 {background: #ccc;}
.bg-9 {background: #666;}
.bg-10, .pure-table .bg-10 {background: #f6f9fb;}
.bg-11, .pure-table .bg-11 {background: #f1f4f6;}
.pure-table tr:hover .bg-11 {background: #eeeeee;}
.bg-12 {background: #234 !important;}
.bg-13 {background: #8ea2b2 !important;}
.bg-14 {background: rgb(229, 234, 245);}
.bg-15 {background: rgb(0, 51, 160);}
.bg-16 {background: rgb(248, 249, 250);}
.bg-17 {background: #5e788e;}
.bg-18 {background: #B0BECA;}

.color-000 {color: #000;}
.color-00 {color: #333;}
.color-0 {color: #fff !important;}
.color-1 {color: #ed4e29;}
.color-2 {color: #102441;}
.color-3 {color: #3e5d7c;}
.color-4 {color: #5e788e;}
.color-5 {color: #8ea2b2;}
.color-5-1 {color:#B0BECA;}
.color-6 {color: #a2defc;}
.color-7 {color: #aaa;}
.color-8 {color: #ccc !important;}
.color-9 {color: #666;}

.color-15 {color: rgb(0, 51, 160);}
.color-16 {color:#30373b;}
.color-17 {color:#ddd !important;}

.color-111 {color:#111;}
.color-ccc {color:#ccc;}


.border-color-0 {
	border-color:#fff;
}
.border-color-1 {
	border-color:#c1bbac !important;
}
.border-color-2 {
	border-color:#ed4e29;
}
.border-color-3 {
	border-color:#eee;
}
.border-color-4 {
	border-color:#DCE1EB;
}
.border-color-5 {
	border-color:#ddd;
}
.border-color-6 {
	border-color:#f6f6f6;
}

.border-radius-1 {
	border-radius:0 0 0.75em 0;
}
.border-radius-1{
    border-radius:5px
}
.border-radius-2 {
	border-radius:2px;
}
.border-radius-3 {
	border-radius:20px;
}
.border-radius-4 {
	border-radius:12px;
}


.text-white {color:#fff;}
.text-success {color:#6aa54c !important;/*color:#7ab55c;*/}
.text-error, .text-danger {color:rgb(202, 60, 60) !important;}
.text-warning {color:rgb(223, 117, 20) !important;}
.text-secondary {color:rgb(66, 184, 221);}
.text-heavy {color:#368aa9;}
.text-notice {color:#ebb129;}
.text-grey {color:#888;}
.text-lightgrey {color:#555;}
.text-black {color:#000;}
.text-darkgreen {color:#090;}

.border-1 {border-width:1px;border-style:solid;}
.border-left-1, .pure-table td.border-left-1 {border-left-width:1px;border-left-style:solid;}
.border-right-1, .pure-table td.border-right-1 {border-right-width:1px;border-right-style:solid;}
.border-top-1, .pure-table td.border-top-1 {border-top-width:1px;border-top-style:solid;}
.border-bottom-1, .pure-table td.border-bottom-1 {border-bottom-width:1px;border-bottom-style:solid;}

.border-2 {border-width:2px;border-style:solid;}
.border-3 {border-width:2px;border-style:solid;}
.border-4 {border-width:2px;border-style:solid;}

.box-success {border-color:#6aa54c !important;}
.box-error, .box-danger, .border-error {border-color:rgb(232, 160, 160) !important;}
.box-warning {border-color:rgb(223, 117, 20) !important;}
.box-notice {border-color:#ebb129 !important;}



.text-light {color:#bbb;}



.pure-form a {font-weight:normal;}



.get-started {
	background:#edede5;
	padding:2em 0;
	margin:0 0 2em 0;
	font-size:1.1em;
}
.body-home .get-started {padding:3em 0;}
.get-started .subhead, .get-started .subsubhead {
	margin-top:0;
}
.get-started .pure-form {
	/*font-family:Brandon, Arial, Helvetica, sans-serif;*/
}
.get-started .pure-form .text {
	/*padding:1em;*/
	padding:0.95em;
	width:19em;
	font-family:"Franklin ITC", Arial, Helvetica, sans-serif;
}
.get-started .pure-form .text.login-code {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
@media (max-width:767px) {
	.get-started {padding:1.5em 0;}
	.body-home .get-started {padding:2em 0;}
	.get-started .pure-form .text {
		width:15em;
		margin:0 auto;
	}
}






.pure-form-aligned .pure-checkbox input {vertical-align:baseline;}





.form-get-started {text-align:center;font-size:1em;}

/* with showHideSwitch */
.form-get-started.pure-form-aligned .pure-control-group label {width:7.5em;}
.form-get-started.pure-form-aligned .pure-controls {margin-left:3.6em;}

.form-get-started.pure-form-aligned .pure-control-group .switch {width:64px;background:none;}
.form-get-started.pure-form-aligned .pure-control-group .switch-placeholder {box-shadow:none;}
.form-get-started.pure-form-aligned .pure-control-group .switch-input:checked ~ .switch-handle {left:47px;}

.pure-form.form-get-started .pure-button {padding:1em 1.9em;font-weight:bold;}
@media (max-width:767px) {
	.pure-form.form-get-started .pure-button {padding:1em 1.2em;}
}

.form-email-login.pure-form-aligned .pure-control-group label {width:4em;}
.form-email-login.pure-form-aligned .pure-controls {margin-left:0.1em;}

.form-login.pure-form-aligned .pure-control-group label {width:5em;}
.form-login.pure-form-aligned .pure-controls {margin-left:1.1em;}

/* with NO showHideSwitch */
.form-change-password.pure-form-aligned .pure-control-group label {width:9.25em;}
.form-change-password.pure-form-aligned .pure-controls {margin-left:10.25em;}

.form-reset-password.pure-form-aligned .pure-control-group label {width:3em;}
.form-reset-password.pure-form-aligned .pure-controls {margin-left:4em;}




.pure-form-aligned.with-input-group .pure-control-group label {vertical-align:top;margin-top:0.5em;}
.get-started .pure-form-aligned.with-input-group .pure-control-group label {margin-top:0.77em;}

.pure-form-aligned.with-input-group .pure-control-group .input-group {vertical-align:top;display:inline-block;}
.pure-form-aligned.with-input-group .pure-control-group .input-group .input-hint {width:16em;margin:5px 0 0.6em 0;text-align:left;}




.switch {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:56px;
	height:22px;
	padding:3px;
	background-color:white;
	border-radius:18px;
	box-shadow:inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor:pointer;
	background-image:-webkit-linear-gradient(top, #eeeeee, white 25px);
	background-image:-moz-linear-gradient(top, #eeeeee, white 25px);
	background-image:-o-linear-gradient(top, #eeeeee, white 25px);
	background-image:linear-gradient(to bottom, #eeeeee, white 25px);
}
.switch-placeholder {
	cursor:auto;
}
@media (max-width:480px) {
	.pure-form-aligned .pure-control-group .switch-placeholder {
		display:none;
	}
}
.switch-input {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
.switch-label {
	position:relative;
	display:block;
	height:inherit;
	font-size:10px;
	text-transform:uppercase;
	background:#eceeef;
	border-radius:inherit;
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	-webkit-transition:opacity 0.15s ease-out, background 0.15s ease-out;
	-moz-transition:opacity 0.15s ease-out, background 0.15s ease-out;
	-o-transition:opacity 0.15s ease-out, background 0.15s ease-out;
	transition:opacity 0.15s ease-out, background 0.15s ease-out;
}
.switch-label:before, .switch-label:after {
	position:absolute;
	top:50%;
	margin-top:-.5em;
	line-height:1;
	-webkit-transition:inherit;
	-moz-transition:inherit;
	-o-transition:inherit;
	transition:inherit;
}
.switch-label:before {
	content:attr(data-off);
	right:11px;
	color:#999;
	text-shadow:0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content:attr(data-on);
	left:11px;
	color:white;
	text-shadow:0 1px rgba(0, 0, 0, 0.2);
	opacity:0;
}
.switch-input:checked ~ .switch-label {
	background:#47a8d8;
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity:0;
}
.switch-input:checked ~ .switch-label:after {
	opacity:1;
}
.switch-handle {
	position:absolute;
	top:5px;
	left:5px;
	width:18px;
	height:18px;
	background:white;
	border-radius:10px;
	box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
	background-image:-webkit-linear-gradient(top, white 40%, #f0f0f0);
	background-image:-moz-linear-gradient(top, white 40%, #f0f0f0);
	background-image:-o-linear-gradient(top, white 40%, #f0f0f0);
	background-image:linear-gradient(to bottom, white 40%, #f0f0f0);
	-webkit-transition:left 0.15s ease-out;
	-moz-transition:left 0.15s ease-out;
	-o-transition:left 0.15s ease-out;
	transition:left 0.15s ease-out;
}
.switch-handle:before {
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	margin:-6px 0 0 -6px;
	width:12px;
	height:12px;
	background:#f9f9f9;
	border-radius:6px;
	box-shadow:inset 0 1px rgba(0, 0, 0, 0.02);
	background-image:-webkit-linear-gradient(top, #eeeeee, white);
	background-image:-moz-linear-gradient(top, #eeeeee, white);
	background-image:-o-linear-gradient(top, #eeeeee, white);
	background-image:linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
	left:40px;
	box-shadow:-1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-green > .switch-input:checked ~ .switch-label {
	background:#4fb845;
}






.ds-menu {box-sizing:border-box;}
.ds-menu-list {
	list-style:outside none none;
	margin:0;
	padding:0;
}
.ds-menu-list, .ds-menu-item {
	position:relative;
}
.ds-menu-heading {
	color:#b4b4b4;
	text-decoration:none;
	font-weight:bold;
}
.ds-menu-link, .ds-menu-heading {white-space:nowrap;}
.ds-menu-item {
	height:100%;
	margin:0;
	padding:0;
}
.ds-menu-link, .content .ds-menu-link {
	color:#777;
	border-bottom:1px solid transparent;
	font-weight:normal;
	text-decoration:none;
	-o-transition:all 0.2s linear 0s;
	-ms-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	-webkit-transition:all 0.2s linear 0s;
	transition:all 0.2s linear 0s;
}
.ds-menu-link:hover, .content .ds-menu-link:hover {
	color:#b4b4b4;
	border-bottom:1px solid;
	text-decoration:none;
}


.footer .ds-menu {
	font-size:0.95em;
}
.footer .ds-menu .ds-menu-link,
.footer .ds-menu .ds-menu-heading {
	display:inline-block;
	margin:0 0 0.2em 0;
}
.footer .ds-menu .ds-menu-list {
	margin-bottom:1em;
}
.footer .ds-menu-link, .footer .content .ds-menu-link {
	color:#888;
}
.footer .ds-menu-link:hover, .footer .content .ds-menu-link:hover {
	color:#b4b4b4;
}



.tag-base {font-weight:normal;padding:0 2px;border-radius:2px;}
.tag {color:#777;background:rgba(255, 255, 255, .4);font-weight:normal;padding:0 2px;border-radius:2px;}
.tag-grey {color:#777;background:rgba(204, 204, 204, .4);}
.tag-light {background:rgba(204, 204, 204, .3);}
.tag-contrast {color:#555;background:rgba(204, 204, 204, .3);}
.tag-small {padding:0 0.2em;border-radius:1px;}
.tag-big {padding:0.1em 0.4em 0.2em;border-radius:2px;}

.message {
	font-size:1.3em;
	padding:0.5em 0 0.6em 0;
	background:#999;
	color:#f1f1f1;
	border-top:6px solid #888;
	border-bottom:6px solid #888;
}
.message + .message {margin-top:-6px;}
.message strong {color:#000312;font-weight:normal}
.message a {
	color:#222;
	border-bottom:1px dotted;
	text-decoration:none;
}
.message a:hover {
	color:#555;
	border-bottom:1px solid;
}

.message-futile {background:#e4e6e9;border-color:#d4d6d9;color:#777;}
.message-heavy {background:#368aa9;border-color:#257998;}
.message-primary {background:#479ccf;border-color:#368bbe;}
.message-success {background:#7ab55c;border-color:#69a44b;}
.message-error {background:#dd665a;border-color:#cc5549;}
/*.message-error {background:rgb(202, 60, 60);border-color:rgb(185, 43, 43);}*/
.message-warning {background:rgb(223, 117, 20);border-color:rgb(206, 100, 3);}
.message-notice {background:#ebb129;border-color:#daa018;color:#fff;}
.message-secondary {background:rgb(66, 184, 221);border-color:rgb(49, 167, 204);}

.message .subhead {margin-top:0;font-size:1.2em;color:#f0f0f0;}



.message .pure-form {margin-bottom:0;}
.message pre {
	text-align:left;
	background:rgba(255,255,255,0.2);
	padding:0 0.4em;
	border:1px solid rgba(255,255,255,0.3);
	border-radius:1px;
}
.message .content ol li {margin-bottom:0;}

.message-small {font-size:1em;}
.message-float {

}


.price {
	color:#339933;
}





.things {
	padding-left:0;
	list-style:none;
	font-size:1.1em;
	line-height:1.4;
}
@media (max-width:767px) {
	.things .ellipsis {
		text-overflow:clip;
		white-space:normal;
		overflow:visible;
	}
}
.things-item {
	margin-bottom:.2em;
}
.content .things-link {
	display:block;
}
.content .things-link, .content .things-link:hover {
	border:none;
}
.things-link-title, .things-link-text {
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	-o-transition:.1s;
	-ms-transition:.1s;
	-moz-transition:.1s;
	-webkit-transition:.1s;
	transition:.1s;
}
.things-link .inner {padding:0.4em 0.7em;}
.things-link-title {width:37%;}
.things-link-text {width:63%;}
.things-link-title .inner {
	background:#eee;
	color:#111;
	text-align:right;
	margin-right:0.2em;
}
.things-link-text .inner {
	background:#f5f5f5;
	color:#999;
	font-weight:normal;
}
.things-link-title .price {font-weight:normal;}
.things-link:hover .price {color:#fff;}
.things-link:hover .things-link-title .inner,
.things-link:active .things-link-title .inner {
	/*background:#e93335;*/
	background:#3997D9;
	color:#fff;
}
.things-link:hover .things-link-text .inner,
.things-link:active .things-link-text .inner {
	/*background:#f33d3f;*/
	background:#49a7e9;
	color:#fff;
}
.things-link-text .time {
	float:right;
	color:#c5c8cb;
}





.pure-table thead {
	background:#e3e3e3;
}
.pure-table th, .pure-table td {
	padding:0.4em 0.8em 0.45em;
}
.pure-table-dense th, .pure-table-dense td {
	padding:0.2em 0.5em;
}
.pure-table-sparse th, .pure-table-sparse td {
	padding:0.6em 1em;
}
.pure-table tr:hover > td,
.pure-table .pure-table-odd:hover > td {
	background:#f3f3f3;
}
.pure-table .cell-nopad {
	padding:0 0.1em;
	text-align:center;
}
.pure-table .cell-nopad input {
	cursor:pointer;
}
.pure-table .cell-nopad a {
	padding:0.6em;
	border:none;
	color:#1f8dd6;
}
.pure-table .cell-nopad a:hover {
	color:#000;
}
.pure-table .pure-checkbox {
	padding:0.6em;
	cursor:pointer;
}
.db-table-table .pure-checkbox {
	padding:0.3em 0.5em 0.2em 0.5em;
	display:inline-block;
}

.pure-table-odd th,
.pure-table-odd td {
	background:#f2f2f2;
}



.db-table-table {border:1px dashed #cbcbcb;}
.db-table-table th {font-weight:normal;color:#000;}
.db-table-table thead {background:#e7e7e7;}
.db-table-table tbody {color:#666;font-size:0.9em;}

.db-table-table th, .db-table-table td {padding:0.4em 0.5em 0.45em;}

.pure-table-bordered.db-table-table td, .pure-table-bordered.db-table-table th {/*border-color:#d3d3d3;*/border-color:#e9e9e9}

.db-table,
.db-table .pure-button,
.db-table input, 
.db-table select, 
.db-table textarea {
	font-family:Arial, Helvetica, sans-serif;
}
.db-table .subhead {
	font-size:1.3em;
}
.db-table .subsubhead {
	font-size:1em;
}
.db-table .db-table-table thead {
	/*background:#e5e5e5;*/
}
.db-table .db-table-table {
	font-size:0.95em;
	line-height:1.3;
	/*border:1px solid #dadfe0;*/
}
.db-table .db-table-table a {font-weight:normal;}
.db-table .db-table-table td, .db-table .db-table-table th {
	/*border-color:#dadfe0;*/
	vertical-align:initial;
}
.db-table .db-table-table tr.pure-table-odd > th,
.db-table .db-table-table tr.pure-table-odd > td {
	background:#f7f7f7;
}
.db-table .db-table-table tr:hover td,
.db-table .db-table-table .pure-table-odd:hover td {
	background:#f0f0f0;
}
.db-table .db-table-table tr.row-filters:hover td {background:#fff;}

.db-table .db-table-table tr:target,
.db-table .db-table-table tr.pure-table-odd:target td {
	background:#fea;
	-o-transition:4s;
	-ms-transition:4s;
	-moz-transition:4s;
	-webkit-transition:4s;
	transition:4s;
}
.db-table .subhead small {
	color:#bbb;
}
.db-table-nav {
	text-align:right;
}
.db-table-nav .db-table-nav-form {
	display:inline;
	margin-left:0.5em;
}
.db-table-nav .db-table-nav-form .db-table-nav-form-search {
	width:6em;
	padding:0.2em 0.3em;
}
.db-table-nav .pager {
	display:inline;
	margin:0;
}
.db-table-meta {
	font-size:0.9em;
	font-family:Tahoma, Geneva, sans-serif;
}
.content .db-table-primary-button {
	padding:0.35em 0.7em;
	border-bottom:0;
	color:rgba(24, 48, 150, 0.8);
}
.content .db-table-primary-button:hover {
	border-bottom:0;
	font-size:inherit;
	text-decoration:none;
	-o-transition:color .15s, border .15s;
	-ms-transition:color .15s, border .15s;
	-moz-transition:color .15s, border .15s;
	-webkit-transition:color .15s, border .15s;
	transition:color .15s, border .15s;
	font-weight:bold;
}
.content .db-table-primary-button.normal:hover {
	color:rgba(24, 48, 150, 0.8);
}

.db-table-nav .dropdown-submit {
	padding:0.2em 0.2em;
	height:auto;
}
.db-table-nav .pager li > a, .db-table-nav .pager li > span {
	line-height:1;
	padding:0.4em 0.4em;
	border-radius:3px;
}

@media (max-width:567px) {
	.db-table-nav {text-align:left;margin:0.4em 0 0 0;}
	.db-table-nav .db-table-nav-form {margin-right:0.5em;}
	.db-table-nav .db-table-nav-form .db-table-nav-form-search {display:inline;margin:0;}
}











.color-thin {
	color:#ccc;
}

.out-of {
	margin-left:1em;
	font-size:0.6em;
	font-family:Verdana, Geneva, sans-serif;
	color:#aaa;
}
.out-of strong {
	color:#939393;
}




.pagination {
	display:inline-block;
	padding-left:0;
	margin:20px 0;
	border-radius:4px;
}
.pagination > li {
	display:inline;
}
.pagination > li > a,
.pagination > li > span {
	position:relative;
	float:left;
	padding:6px 12px;
	margin-left:-1px;
	line-height:1.42857143;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #ddd;
}
.pagination > li > a {
	color:#337ab7;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left:0;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.pagination > li > a:hover,
.pagination > li > a:focus {
	color:#23527c;
	background-color:#eee;
	border-color:#ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index:2;
	color:#fff;
	cursor:default;
	background-color:#337ab7;
	border-color:#337ab7;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
	padding:10px 16px;
	font-size:18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
	padding:5px 10px;
	font-size:12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
}




.progress {
	height:20px;
	margin-bottom:20px;
	overflow:hidden;
	background-color:#f5f5f5;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1);
	font-family:Arial, Helvetica, sans-serif;
}
.progress-bar {
	float:left;
	width:0;
	height:100%;
	font-size:12px;
	line-height:20px;
	color:#fff;
	text-align:center;
	background-color:#337ab7;
	-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .15);
	box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .15);
	-webkit-transition:width .6s ease;
	-o-transition:width .6s ease;
	transition:width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
	background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	-webkit-background-size:40px 40px;
	background-size:40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
	-webkit-animation:progress-bar-stripes 2s linear infinite;
	-o-animation:progress-bar-stripes 2s linear infinite;
	animation:progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
	background-color:#5cb85c;
}
.progress-striped .progress-bar-success {
	background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
	background-color:#5bc0de;
}
.progress-striped .progress-bar-info {
	background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
	background-color:#f0ad4e;
}
.progress-striped .progress-bar-warning {
	background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
	background-color:#d9534f;
}
.progress-striped .progress-bar-danger {
	background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}




.pager {
	padding-left:0;
	margin:20px 0;
	text-align:center;
	list-style:none;
}
.pager.display-table:before,
.pager.display-table:after {
	display:table;
	content:" ";
}
.pager li {
	display:inline;
}
.pager li > a,
.pager li > span {
	display:inline-block;
	padding:5px 14px;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:15px;
}
.pager li > a:hover,
.pager li > a:focus {
	text-decoration:none;
	background-color:#eee;
}
.pager .next > a,
.pager .next > span {
	float:right;
}
.pager .previous > a,
.pager .previous > span {
	float:left;
}





h1 a {text-decoration:none;}
h1 a:hover {border-bottom:1px dotted #d8d8d8;background:#f8f8f8;}
h1 a:active {border-bottom:1px dotted #d0d0d0;background:#f0f0f0;}






.grid-book {
	background:rgb(250, 250, 250) none repeat scroll 0 0;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	margin:2em auto;
}




.pricing-table-list {
	border:1px solid #ddd;
	list-style-type:none;
	margin:0;
	padding:0 0 3em;
	text-align:center;
}
.pricing-table-list li {
	padding:0.8em 0;
	background:#f7f7f7;
	border-bottom:1px solid #e7e7e7;
}




.ds-tabs-links {
	display:inline-block;
	margin:0;
	padding:0;
}
.ds-tabs-links li {
	display:inline-block;
}
.ds-tabs-links a {
	background:#a2a7ab;
	border-radius:2px 2px 0 0;
	position:relative;
	top:1px;
	padding:0.4em 0.5em 0.5em 0.5em;
	-o-transition:color .04s, border .04s;
	-ms-transition:color .04s, border .04s;
	-moz-transition:color .04s, border .04s;
	-webkit-transition:color .04s, border .04s;
	transition:color .04s, border .04s;
	-webkit-box-shadow: inset 0 -6px 6px -5px rgba(136,136,136,0.7);
	   -moz-box-shadow: inset 0 -6px 6px -5px rgba(136,136,136,0.7);
	        box-shadow: inset 0 -6px 6px -5px rgba(136,136,136,0.7);
}
.ds-tabs-links a, .ds-tabs-links a:hover {
	border:none;
	border-width:0;
	color:#fff;
	border:1px solid #a0a0a0;
	border-width:1px 1px 0 1px;
}
.ds-tabs-links a:hover {
	background:#e0e0e0;
	color:#666;
	border-color:#d2d2d2;
}
.ds-tabs-links .ds-tabs-links-item a.outstand, .ds-tabs-links .ds-tabs-links-item a.outstand:hover {
	/*background:rgba(192, 48, 150, 0.7);
	border-color:rgb(192, 48, 150);*/
	color:rgb(202, 60, 60) !important;
}
.ds-tabs-links .ds-tabs-links-item a.outstand:hover {
	/*background:rgba(192, 48, 150, 0.9);*/
}
.ds-tabs-links a.active, .ds-tabs-links a.active:hover, .ds-tabs-links a.outstand.active, .ds-tabs-links a.outstand.active:hover {
	/*background:#eee;*/
	background:#f9f9f9;
	color:#222;
	border:1px solid #e0e0e0;
	border-width:1px 1px 0 1px;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	        box-shadow:none;
}
.ds-tabs-links-item {
	margin-top:4px;
}
.ds-tabs-panels {
	background:#f9f9f9;
	padding:1em;
	border:1px solid #e0e0e0;
	/*-webkit-box-shadow:#aaa 1px 2px 3px;
	-moz-box-shadow:#aaa 1px 2px 3px;
	box-shadow:#aaa 1px 2px 3px;*/
}
.ds-tabs-prev-next {position:absolute;right:0;top:0;text-align:right;margin:0;}



.ds-tabs-links.ds-tabs-theme-1 a {
	background:#a2a7ab;
}
.ds-tabs-links.ds-tabs-theme-1 a, .ds-tabs-links.ds-tabs-theme-1 a:hover {
	color:#fff;
	border-color:#a0a0a0;
}
.ds-tabs-links.ds-tabs-theme-1 a:hover {
	background:#e0e0e0;
	color:#666;
	border-color:#d2d2d2;
}
.ds-tabs-links.ds-tabs-theme-1 a.active, .ds-tabs-links.ds-tabs-theme-1 a.active:hover {
	/*background:#eee;*/
	background:#f9f9f9;
	color:#222;
	border-color:#e0e0e0;
}


.ds-tabs-links.ds-tabs-theme-2 a {
	background:#e0e0e0;
}
.ds-tabs-links.ds-tabs-theme-2 a, .ds-tabs-links.ds-tabs-theme-2 a:hover {
	color:#888;
	border-color:#d2d2d2;
}
.ds-tabs-links.ds-tabs-theme-2 a:hover {
	background:#e7e7e7;
	color:#666;
	border-color:#d9d9d9;
}
.ds-tabs-links.ds-tabs-theme-2 a.active, .ds-tabs-links.ds-tabs-theme-2 a.active:hover {
	/*background:#eee;*/
	background:#f9f9f9;
	color:#222;
	border-color:#e0e0e0;
}

.ds-tabs-panels.ds-tabs-theme-2 {
	/*background:#fff;*/
}
.ds-tabs-panels.ds-tabs-theme-2 .ds-tabs-panels.ds-tabs-theme-2 {background:#fdfdfd;}
.ds-tabs-panels.ds-tabs-theme-2 .ds-tabs-links.ds-tabs-theme-2 a.active, .ds-tabs-panels.ds-tabs-theme-2 .ds-tabs-links.ds-tabs-theme-2 a.active:hover {background:#fdfdfd;}
.ds-tabs-panels.ds-tabs-theme-2 .ds-tabs-links.ds-tabs-theme-2 a {background:#f1f1f1;}
.ds-tabs-panels.ds-tabs-theme-2 .ds-tabs-links.ds-tabs-theme-2 a:hover {background:#f6f6f6;}




.ds-table {
	border:1px solid #d9d6bc;
	border-collapse:separate;
	border-spacing:1px;
}
.ds-table.small tbody {
	font-size:0.8em;
}
.ds-table ol {
	margin:0;
}
.ds-table ol li {
	margin:0 0 4px 0;
	color:#999;
}
.ds-table ol li span {
	color:#111;
}
.ds-table th {
	background:#f3f8ed;
	text-align:left;
}
.ds-table th, .ds-table th a, .ds-table th a:visited {
	color:#462919;
	text-decoration:none;
	padding:0;
}
.ds-table th a:hover {
	color:#462919;
	text-decoration:underline;
}
.ds-table td {
	background:#fff;
}
.ds-table .even th {background:#eaf0e5;}
.ds-table .even td {background:#f6f6f6;}
.ds-table .odd td {background:#f6f6f6;}
.ds-table th, .ds-table td {
	padding:0.3em 0.5em;
}
.ds-table thead th {
	background:#CFE4F3;
	color:#111;
}
.ds-table thead th .minor {
	color:#777;
	font:normal 0.8em Verdana;
}
.ds-table thead th.first {
	background:#8FC2E4;
	color:#111;
	font-weight:bold;
}
.ds-table tfoot th {
	background:#444;
	color:#fff;
}
.ds-table tfoot td {
	background:#ccc;
	color:#111;
}
.ds-table-sparse th, .ds-table-sparse td {
	padding:0.5em 0.8em;
}
.ds-table tr:hover td {
	background:#f1f1f1;
}
.ds-table .diluted {
	color:#ddd;
}


.dataset-struct {
	font-family:Arial, Helvetica, sans-serif;
	border:2px dotted #e3e3e3;
	margin:0 2em 2em 0;
	padding:1em 1em 0 1em;
	background:#fdfdfd;
}
.dataset-struct .count {
	color:#b6b6b6;
	font-family:Tahoma, Geneva, sans-serif;;
	font-size:0.91em;
}
.dataset-struct .column .count {
	color:#c6c6c6;
}
.dataset-struct .table {
	margin-bottom:1em;
}
.dataset-struct .column {
	margin-left:1em;
}
.dataset-struct .column .type {
	float:right;
	font-size:0.7em;
	font-family:Tahoma, Geneva, sans-serif;;
	color:#a3a3a3;
	margin-top:0.3em;
}


.pane-content {
	font-size:1.2em;
}

.description {
	font-family:ProximaNovaRegular,"Franklin ITC Light",Arial,Helvetica,sans-serif;
}


.inline-field-5 {width:5em;display:inline-block;}
.inline-field-10 {width:10em;display:inline-block;}




.form-credits .control-group {
	position:relative;
}
.form-credits .control-group .package_radio {
	position:absolute;
	top:1.15em;
	left:1em;
}
.form-credits .control-group .package_quantity {
	position:absolute;
	top:0.6em;
	right:1em;
	padding:0.2em;
	border-radius:0;
	height:auto;
	color:#ddd;
	min-width:3em;
}
.form-credits .credits_package {
	display:block;
	background:#f6f6f6;
	border:1px solid #eee;
	padding:0.6em 0.9em 0.6em 2.5em;
	margin:0.25em 0 0.25em;
	cursor:pointer;
}
.form-credits .credits_package:hover {
	background:#eee;
	border:1px solid #ddd;
}
.form-credits .control-group .package_radio:checked + label.credits_package {
	background:#e6e6e6;
	border:1px solid #d6d6d6;
}
.form-credits .control-group .package_radio:checked ~ select.package_quantity {
	color:#666;
}
.form-credits .controls-stack {
	margin-top:0;
	text-align:right;
}
.form-credits .controls-stack .pure-button,
.form-credits .controls-stack .for-account,
.form-credits .controls-stack .for-account-label {
	vertical-align:middle;
	text-align:left;
}
.form-credits .controls-stack .pure-button {
	padding:0.8em 1.6em;
}
.form-credits .controls-stack .for-account {
	padding:0.7em;
	width:15em;
	font-family:"Franklin ITC",Arial,Helvetica,sans-serif;
}
.form-credits .controls-stack .for-account-label {
	color:#aaa;
	margin-right:0.6em;
}

.form-credits .headers {

}
.form-credits .headers .credits_package {
	background:transparent;
	border:none;
	padding:0.6em 0.9em 0.6em 0;
	margin:0 0 0.25em;
	cursor:auto;
	font-weight:bold;
	color:#666;
}
.form-credits .headers .package_quantity {
	padding:0;
	font-weight:bold;
	color:#666;
}
.form-credits .input-hint {
	vertical-align:top;
}


.font-normal, .content a.font-normal {font-weight:normal;font-style:normal;}
.border-none {border:none;}

.text-uc {text-transform:uppercase;}
.text-lc {text-transform:lowercase;}

.font-8 {font-size:8px;}
.font-9 {font-size:9px;}
.font-10 {font-size:10px;}
.font-11 {font-size:11px;}
.font-12 {font-size:12px;}
.font-13 {font-size:13px;}
.font-14 {font-size:14px;}
.font-15 {font-size:15px;}
.font-16 {font-size:16px;}
.font-17 {font-size:17px;}
.font-18 {font-size:18px;}
.font-19 {font-size:19px;}
.font-20 {font-size:20px;}
.font-21 {font-size:21px;}
.font-22 {font-size:22px;}
.font-23 {font-size:23px;}
.font-24 {font-size:24px;}
.font-25 {font-size:25px;}
.font-26 {font-size:26px;}
.font-27 {font-size:27px;}
.font-28 {font-size:28px;}
.font-29 {font-size:29px;}
.font-30 {font-size:30px;}
.font-31 {font-size:31px;}
.font-32 {font-size:32px;}
.font-33 {font-size:33px;}
.font-34 {font-size:34px;}
.font-35 {font-size:35px;}
.font-36 {font-size:36px;}
.font-37 {font-size:37px;}
.font-38 {font-size:38px;}
.font-39 {font-size:39px;}
.font-40 {font-size:40px;}

@media screen and (max-width: 35.499em) {
	.font-0-5-sm, .pure-g .font-0-5-sm {font-size:0.5em;}
	.font-0-6-sm, .pure-g .font-0-6-sm {font-size:0.6em;}
	.font-0-7-sm, .pure-g .font-0-7-sm {font-size:0.7em;}
	.font-0-8-sm, .pure-g .font-0-8-sm {font-size:0.8em;}
	.font-0-9-sm, .pure-g .font-0-9-sm {font-size:0.9em;}
}
.font-0-5 {font-size:0.5em;}
.font-0-6 {font-size:0.6em;}
.font-0-7 {font-size:0.7em;}
.font-0-8 {font-size:0.8em;}
.font-0-9 {font-size:0.9em;}
.font-1-1 {font-size:1.1em;}
.font-1-2 {font-size:1.2em;}
.font-1-3 {font-size:1.3em;}
.font-1-4 {font-size:1.4em;}
.font-1-5 {font-size:1.5em;}
.font-1-6 {font-size:1.6em;}
.font-1-7 {font-size:1.7em;}
.font-1-8 {font-size:1.8em;}
.font-1-9 {font-size:1.9em;}
.font-2-0 {font-size:2.0em;}
.font-2-2 {font-size:2.2em;}
.font-2-4 {font-size:2.4em;}
.font-2-6 {font-size:2.6em;}
.font-2-8 {font-size:2.8em;}
.font-3-0 {font-size:3.0em;}
.font-3-2 {font-size:3.2em;}
.font-3-4 {font-size:3.4em;}
.font-3-6 {font-size:3.6em;}
.font-3-8 {font-size:3.8em;}
.font-4-0 {font-size:4.0em;}
.font-5-0 {font-size:5.0em;}
.font-6-0 {font-size:6.0em;}
.font-8-0 {font-size:8.0em;}

.font-weight-100 {font-weight:100;}
.font-weight-200 {font-weight:200;}
.font-weight-300 {font-weight:300;}
.font-weight-400 {font-weight:400;}
.font-weight-500 {font-weight:500;}
.font-weight-600 {font-weight:600;}
.font-weight-700 {font-weight:700;}

.ls-0 {letter-spacing:0;}
.ls-0-1 {letter-spacing:0.1em;}
.ls-0-2 {letter-spacing:0.2em;}
.ls-0-3 {letter-spacing:0.3em;}
.ls-0-4 {letter-spacing:0.4em;}
.ls-0-5 {letter-spacing:0.5em;}
.ls-0-6 {letter-spacing:0.6em;}
.ls-0-7 {letter-spacing:0.7em;}
.ls-0-8 {letter-spacing:0.8em;}
.ls-0-9 {letter-spacing:0.9em;}
.ls-1-0 {letter-spacing:1.0em;}
.ls-1 {letter-spacing:1px;}
.ls-2 {letter-spacing:2px;}
.ls-3 {letter-spacing:3px;}
.ls-4 {letter-spacing:4px;}
.ls-5 {letter-spacing:5px;}
.ls-6 {letter-spacing:6px;}
.ls-7 {letter-spacing:7px;}
.ls-8 {letter-spacing:8px;}
.ls-9 {letter-spacing:9px;}
.ls-10 {letter-spacing:10px;}
.ls--1 {letter-spacing:-1px;}
.ls--2 {letter-spacing:-2px;}
.ls--3 {letter-spacing:-3px;}
.ls--4 {letter-spacing:-4px;}

.lh-0 {line-height:0;}
.lh-0-8 {line-height:0.8;}
.lh-0-9 {line-height:0.9;}
.lh-1 {line-height:1;}
.lh-1-1 {line-height:1.1;}
.lh-1-2 {line-height:1.2;}
.lh-1-3 {line-height:1.3;}
.lh-1-4 {line-height:1.4;}
.lh-1-5 {line-height:1.5;}
.lh-1-6 {line-height:1.6;}
.lh-1-7 {line-height:1.7;}
.lh-1-8 {line-height:1.8;}
.lh-1-9 {line-height:1.9;}
.lh-2-0 {line-height:2.0;}


.cc-badges {
	margin-top:4em;
}




.help .help-item {
	
	padding-bottom:1em;
	border-top:1px solid #e5e5e5;
}
.help .help-item:hover {
	background:#f3f5f5;
}
.help-control {
	padding:0.1em 0.3em;
	border:1px dotted #888;
	background:#f5f5f5;
}

.help .help-q {
	padding:0 0.5em;
	/*background:#50595f;*/
	color:#50595f;
}
.help .help-a {
	padding:0 0.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.91em;
	color:#777;
}
.help-code {
	padding:0.1em 0.3em;
	background:#f0f0f0;
	display:inline-block;
	font-family:Consolas, Courier New, Courier, monospace;
}



.strong {
	font-family:"Franklin ITC", Arial, Helvetica, sans-serif;
}

.font-arial, .pure-g .font-arial, .pure-g [class *= "pure-u"] .font-arial, .pure-g [class *= "pure-u"].font-arial {font-family:Arial, Helvetica, sans-serif;}
.font-arial-black {font-family:Arial Black, Gadget, sans-serif;}
.font-comic-sans {font-family:Comic Sans MS, cursive;}
.font-tahoma {font-family:Tahoma, Geneva, sans-serif;}
.font-georgia {font-family:Georgia, serif;}
.font-courier-new {font-family:Courier New, Courier, monospace;}
.font-impact {font-family:Impact, Charcoal, sans-serif;}
.font-times-new-roman {font-family:Times New Roman, Times, serif;}
.font-trebuchet {font-family:Trebuchet MS, Helvetica, sans-serif;}
.font-verdana {font-family:Verdana, Geneva, sans-serif;}


.font-console {font-family:Consolas, Courier New, Courier, monospace !important;}
.font-msyh {font-family:微软雅黑, Arial, Helvetica, sans-serif;}
.font-franklin {font-family:"Franklin ITC", Arial, Helvetica, sans-serif;}
.font-franklin-light {font-family:"Franklin ITC Light", Arial, Helvetica, sans-serif;}

.font-nunito {font-family:Nunito,Helvetica Neue,Helvetica,Arial,sans-serif;}
.font-dank-mono {font-family:Dank Mono,Consolas,monospace;}

.font-pns-regular {font-family:"pns_regular",Arial, Helvetica, sans-serif;}
.font-open-sans {font-family:"Open Sans", Arial, Helvetica, sans-serif;}
.font-avenirlt-light {font-family:"AvenirLT-Light", Arial, Helvetica, sans-serif;}
.font-avenirlt-heavy {font-family:"AvenirLT-Heavy", Arial, Helvetica, sans-serif;}
.font-brandon {font-family:"Brandon", Arial, Helvetica, sans-serif;}
.font-proxima-nova-light {font-family:"ProximaNovaLight", Arial, Helvetica, sans-serif;}
.font-proxima-nova-regular {font-family:"ProximaNovaRegular", Arial, Helvetica, sans-serif;}


.title-menu-list {
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
	font-size:1em;
}
.title-menu-list .title-menu-item {
	display:inline-block;
	margin-right:0.6em;
}
.title-menu-list .title-menu-link {
	font-family:'Trebuchet MS', Helvetica, sans-serif;

	padding:0.5em 0.9em 0.6em;
	background:#f3f3f3;
	display:block;
	border-top:1px solid #e4e4e4;
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #eee;
	position:relative;
	top:1px;
}
.title-menu-list .title-menu-link:hover,
.title-menu-list .title-menu-link-current {
	text-decoration:none;
	background:#fff;
}
.title-menu-list .title-menu-link-current {
	border-bottom:1px solid #fff;
}




#wrapper-middle:target .outstand td {
	background:#fea;
	-o-transition:4s;
	-ms-transition:4s;
	-moz-transition:4s;
	-webkit-transition:4s;
	transition:4s;
}

.ds-form-inline {display:inline;}
.pure-form .ds-fieldset-inline {
	display:inline;
	padding:0;
}

.pure-form legend {
	border-bottom:1px solid #efefef;
}

.pure-menu-item {
	height:auto;
}
.db-table-rows-button {
	padding:0.1em 0.2em;
	line-height:1;
	/*margin:0 0 0.2em 0;*/
}
.db-table-filter {
	font-size:1em;
	border:1px dotted #888;
	padding:0.2em;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.db-table-filter:focus {
	border:1px solid #444;
}

.content ol li {
	margin:0 0 0.5em 0;
}
.content ul.list-tall li {
	margin-bottom:0.5em;
}

.content h2 {
	margin-top:2.5em;
	margin-bottom:1.5em;
}
.content h3 {
	margin-top:2em;
	margin-bottom:1em;
}
.content.page-leaf h2, h2.leaf-head, h3.leaf-head, h4.leaf-head, h5.leaf-head {
	/*background:#f6f6f6;*/
	/*border-left:2px solid #ddd;*/
	border-top:1px dashed #d7d7d7;
	border-bottom:1px dashed #d7d7d7;
	background:#fdfdfd;
}
.content h2.margin-t-0 {margin-top:0;}
.content h2.margin-v-1 {margin-top:1em;margin-bottom:1em;}



@media (min-width:767px) {
	.first, .content h2.first {margin-top:0;}
}


.page-nav-menu {
	list-style:none;
	padding:0;
	text-align:right;
}
.page-nav-menu-item {
	display:inline-block;
	margin:0 0 0 1em;
}
.link_top a {
	color:#888;
	font:bold 0.8em/1 Georgia;
	text-decoration:none;
	border:1px solid #ddd;
	background:#fff;
	border-radius:2px;
	display:block;
	padding:0.05em 0.3em 0.3em 0.3em;
	margin:0.375em 0.1em;
}
.link_top a:hover, .link_top a:active {
	border-color:#e6e6e6;
	color:#444;
	background:#eee;
}
.page-anchor:target {
	color:#d63;
	-o-transition:3s;
	-ms-transition:3s;
	-moz-transition:3s;
	-webkit-transition:3s;
	transition:3s;
}

.data-factory {
	color:#ccc;
	font:1em Arial, Helvetica, sans-serif;
}
.data-factory b {
	color:#888;
}




.pure-form select {height:2.5em;}




.pure-form-aligned.row-editor .pure-control-group .input-group .input-group {width:100%;}

.pure-form-aligned.row-editor .pure-control-group .input-group {width:72%;}
.pure-form-aligned.row-editor .pure-control-group label.field-label {width:22%;max-width:17em;/*border-bottom:1px dashed #cfcfcf;padding-bottom:0.5em;*/}
@media (max-width:1023px) {
	.pure-form-aligned.row-editor .pure-control-group .input-group {width:66%;}
	.pure-form-aligned.row-editor .pure-control-group label.field-label {width:28%;}
}
@media (max-width:480px) {
	.pure-form-aligned.row-editor .pure-control-group .input-group {width:100%;}
	.pure-form-aligned.row-editor .pure-control-group label.field-label {
		width:100%;
		min-width:100%;
	}
	.row-editor .pure-input-2-3 {
		width:100%;
	}
}

.pure-form-aligned.row-editor .pure-control-group .input-group .input-hint {
	width:100%;
	font-weight:normal;
	font-family:Consolas, Courier New, Courier, monospace;
	color:#a7a7a7;
}
.pure-form-aligned.row-editor .input-hint {font-weight:bold;}

.pure-form-aligned.row-editor button.submit {
	width:25%;
	min-width:8em;
}


.row-editor label, .row-editor input, .row-editor select, .row-editor textarea {
	font:1em Arial, Helvetica, sans-serif;
	border-radius:3px;
}
.row-editor input:focus, .row-editor select:focus, .row-editor textarea:focus {
	background:#f7f5f2;
}
.row-editor textarea {
	height:11.9em;
	line-height:1.2;
}
label.radio-label {
	background:#f2f2f2;
	border:1px solid #e2e2e2;
	padding:0.5em 0.8em;
	border-radius:3px;
}
label.radio-label:hover {
	background:#eee;
	border:1px solid #ccc;
}
label.radio-label, label.radio-label input {
	cursor:pointer;
}
.row-editor.with-input-group label.radio-label {
	width:auto;
	text-align:left;
	margin:0 0.3em 0 0;
}
/* .label-checked class is added via js */
.row-editor.with-input-group label.radio-label.label-checked {
	background:rgba(66, 184, 221, 0.2);
	border-color:rgba(66, 184, 221, 0.6);
}
.row-editor.with-input-group label.radio-label input {
	vertical-align:middle;
	margin:0 0.2em 0.1em 0;
}
.row-editor.with-input-group label.radio-label.vertical {
	display:block;
	margin-bottom:0.2em;
}
@media (min-width:768px) {
	.row-editor.with-input-group label.radio-label.vertical {width:50%;}
}
@media (max-width:767px) {
	.row-editor.with-input-group label.radio-label.vertical {margin-right:0;}
}
@media (max-width:480px) {
	.row-editor.with-input-group label.radio-label {margin-bottom:0.2em;}
}



.pure-form-aligned.row-editor-horizon .pure-control-group label.field-label {
	width:100%;
	min-width:100%;
	margin-bottom:.3em;
	text-align:left;
	display:block;
}
.pure-form.row-editor-horizon label, .pure-form.row-editor-horizon input, .pure-form.row-editor-horizon select, .pure-form.row-editor-horizon textarea {
	/*margin-bottom:.3em;*/
	/*display:block;*/
}
.pure-form-aligned.row-editor-horizon .pure-control-group .input-group {width:100%;}

.row-editor-page .ds-tabs-panels {border-radius:0 3px 3px 3px;}
.row-editor-page.page-leaf h2 {margin:1em 0;border-color:#eee;}
.row-editor .ds-tabs-panels fieldset {padding:0;}

.row-editor .ds-tabs-prev-next {line-height:1;top:6px;right:60px;font-family:Arial, Helvetica, sans-serif;}

.row-editor .submit-top {position:absolute;line-height:1;top:6px;right:200px;/*width:10%;*/margin:0;}
.row-editor .submit-top button.submit {margin:0;}
.row-editor.no_prev_next .submit-top {right:50px;}

.pure-form.row-editor-delete {position:absolute;line-height:1;top:6px;right:0;margin:0;}
.pure-form.row-editor-delete button[type="submit"] {margin:0;}


.ds-tabs-panel fieldset .pure-control-group.last {margin-bottom:0;}




main.body-datafy-proc-start {}
.form-datafy-run {}
.pure-form.form-datafy-run label, .pure-form.form-datafy-run input, .pure-form.form-datafy-run select, .pure-form.form-datafy-run textarea {
	font:1em Arial, Helvetica, sans-serif;
	border-radius:2px;
	margin:0.25em 0;
}
.pure-form.form-datafy-run textarea {height:11.9em;line-height:1.2;}
.pure-form.form-datafy-run button[type="submit"] {font-size:1.2em;margin:0.25em 0;}
.form-datafy-run .CodeMirror {
	/* purecss: 23/24 ~= 96% */
	width:96%;
	height:18.5em;
	font-size:0.9em;
	line-height:1.6;
}
.form-datafy-run .box-error {background:#fee;}
.form-datafy-run .input-hint {font-family:Arial, Helvetica, sans-serif;line-height:1.5;margin:0.25em 0;}
.form-datafy-run input.code, .form-datafy-run select.code, .form-datafy-run label.code, .form-datafy-run textarea.code {
	font-family:Consolas, Courier New, Courier, monospace;
}
.form-datafy-run label.code input[type="checkbox"] {vertical-align:middle;}



main.body-datafy-proc-view h2 {margin:1em 0;}
main.body-datafy-proc-view .message {margin-bottom:0.4em;}
main.body-datafy-proc-view .output-box {font:0.9em/1.35 Consolas, Courier New, Courier, monospace;min-height:40em;}
main.body-datafy-proc-view .output-box-pre-wrap {height:38em;}
main.body-datafy-proc-view pre.output-box {
	background:#fff;
	border:1px solid rgb(169,169,169);
	padding:0.14em;
	margin:0;
	min-height:0;
	height:100%;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
main.body-datafy-proc-view .output-box .regex_field {/*color:#06f;*/color:#fff;background:#44474a;padding:0.15em 0.2em;line-height:1.8;font-weight:bold;}
main.body-datafy-proc-view .output-box .regex_string {color:#000;background:#f2f2f2;padding:0.15em 0.3em;line-height:1.8;border:1px dotted #999;}

.regex_string .parenthesis {color:#f10;/*background:rgba(255, 32, 0, 0.7);*/font-weight:bold;}
.regex_string .bracket {color:#cb0;font-weight:bold;}
.regex_string .space {color:#fff;font-weight:bold;background:#aaa;}
.regex_string .digit {color:#0cf;font-weight:bold;}
.regex_string .asterisk, .regex_string .plus, .regex_string .qmark {color:#06f;background:#ddd;}
.regex_string .hat {color:#f0e;}
.regex_string .or {color:#111;background:#ccc;}

main.body-datafy-proc-view .CodeMirror {width:100%;}
.output_lines_total {color:#999;}

pre.command-specs {margin-left:0;padding:0.3em 0.8em;}
.datafy-proc-status .status-button {margin:0 0 0.15em 0.5em;padding:0.15em 0.5em;vertical-align:middle;}


main.body-datafy-proc-list .command-specs .jobs-file, main.body-datafy-proc-list .command-specs .jobs-file-params {font-weight:bold;color:#000;}
main.body-datafy-proc-list .command-specs .field {color:#aaa;}

.form-proc-output.pure-form button[type="submit"] {margin-top:0;}

.switch-wrap.switch {width:88px;}
.switch-wrap .switch-handle {width:28px;}
.switch-wrap .switch-input:checked ~ .switch-handle {left:61px;}



.fieldset-sub {
	border-left: 4px solid #ddd;
	padding: 0.4em 0.4em;
}
fieldset .fieldset-sub:first-child {margin-top:0;}

.form-select {

}
.form-select .list {
	margin:0.5em 0;
}
.form-select .list .item a {
	background:#f4f4f4;
	display:block;
	border:none;
	padding:0.25em 0.5em;
	color:#99928a;
	width:86%;
	margin:0 0 4px 0;
	border-radius:3px;
	border-left:4px solid #ccc;
}
.form-select .list .item a:hover {
	background:#eee;
	color:#555;
	border-color:#aaa;
	font-weight:bold;
}
.form-select .list .item.current a {
	font-size:1.3em;
	background:#777;
	text-shadow:1px 1px 1px #222;
	color:#fff;
	font-weight:bold;
	width:100%;
	box-sizing: border-box;
	border-color:#444;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}











.data-query-form {clear:both;}
.data-query-form button,
.data-query-form input,
.data-query-form select,
.data-query-form textarea,
.data-query-form .pure-g [class *= "pure-u"],
.data-query-form .danger {
	font:1em Arial, Helvetica, sans-serif;
}
#field-api-token {
	font-family:Courier New;
}
.data-query-form .input-hint {
	/*background:#fed;*/
	background:#EAF4FF;
	color:#333;
	border:1px dotted #bbb;
	line-height:1.4;
	margin:0.4em 0 0;
	padding:0.5em 0.7em;
}
.data-query-form .pure-control-group label,
.data-query-form .pure-control-group .label-placeholder {
	display:inline-block;
	vertical-align:middle;
	width:11em;
	margin:0 1em 0 0;
	padding:0.2em 0.4em;
	border-width:0 0 0 3px;
	border-style:solid;
}
.data-query-form .pure-controls {
	margin-left:14.2em;
}
.data-query-form .pure-control-group label {
	background:#eee;
	border-color:#ddd;
}
.data-query-form .pure-control-group .label-placeholder {
	border-color:#fff;
}
.control-group-sub {
	vertical-align:middle;
}
.data-query-form legend {
	font:1.25em Arial, Helvetica, sans-serif;
	color:#999;
}
@media (max-width:567px) {
	.data-query-form .pure-control-group label {
		width:100%;
		text-align:left;
		margin-bottom:0.4em;
	}
	.data-query-form .pure-control-group .label-placeholder {
		display:none;
	}
	.data-query-form .pure-controls {
		margin-left:0;
	}
}
.data-query-form .button-submit {
	width:10em;
	padding:1em;
}




.query-results {

}
.query-results h2 {margin:1em 0;}
.query-results .url {
	font:1em/1.2 Arial, Helvetica, sans-serif;
	padding:0.2em 0;
}
.query-results .output {
	height:50em;
}




.content a.link-notify {
	color:rgba(192, 48, 150, 0.8);
	border-bottom:1px solid rgba(24, 24, 24, 0.4);
	font-size:inherit;
	text-decoration:none;
	-o-transition:color .15s, border .15s;
	-ms-transition:color .15s, border .15s;
	-moz-transition:color .15s, border .15s;
	-webkit-transition:color .15s, border .15s;
	transition:color .15s, border .15s;
	font-weight:bold;
}
.content a.link-notify:hover {
	color:rgba(104, 129, 129, 0.8);
	border-bottom:1px solid rgba(24, 24, 24, 0.1);
}


.pure-table-data-docs tbody th {text-align:left;border-right:1px solid #ebebeb;}
.pure-table-data-docs tbody td {font-family:Consolas, Courier New, Courier, monospace;vertical-align:top;}



.links-1 a {
	text-decoration:none;
	border-bottom:none;
}
.links-1 a:hover {
	text-decoration:underline;
	border-bottom:none;
}
.links-2 a {
	text-decoration:underline;
	border-bottom:none;
}
.links-2 a:hover {
	text-decoration:none;
	border-bottom:none;
}
.links-3 a {
	text-decoration:none;
	border-bottom:1px dotted #bbb;
}
.links-3-1 a {
	text-decoration:none;
	border-bottom:1px dotted #bbb;
	padding:0 0.25em;
}
.links-3 a:hover,
.links-3-1 a:hover {
	border-bottom:1px solid;
}
.links-4 a {
	display:inline-block;
	padding:0 0.25em;
}
.links-4-1 a {
	display:inline-block;
	padding:0 0.25em;
	background:#E9F2FC;
}
.links-4 a:hover,
.links-4-1 a:hover {
	background:#1f7ee2;
	color:#fff;
}

.links-0 a, .links-0 a:hover {
	text-decoration:none;
}

.links-5 a:hover {
	color:#ed4e29;
}
.links-6 a:hover {
	font-weight:bold;
}
.links-7 a:hover {
	font-weight:400;
}

.links-8 a {text-decoration:none;}
.links-8 a:hover {border-bottom:1px dotted #999;background:#f4f4f4;}
.links-8 a:active {border-bottom:1px dotted #888;background:#e9e9e9;}

.links-9 a:hover {color:#666;}

.modal {
    display:none;
    position:fixed;
    z-index:1;
    padding-top:80px;
    padding-bottom:80px;
    box-sizing: border-box;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:#000;
    background-color:rgba(0,0,0,0.4)
}
.modal-content {
    background-color:#fff;
    margin:auto;
    padding:15px;
    border:1px solid #888;
    width:90%;
    /*min-height:90%*/
    box-sizing:border-box;
}
.modal-content-height {
    height:90%
}
.modal-close {
    color:#aaaaaa;
    float:right;
    font-size:32px;
    font-weight:bold;
    line-height:1;
    padding:0 6px;
    position:relative;
    z-index:1000;
    cursor: pointer;
}
.modal-close:hover,.modal-close:focus {
    color:#000;
    text-decoration:none;
    cursor:pointer
}
.modal-close-2 {
	padding:0.1em 0.3em;
	background:#444;
	color:#fff;
}
.modal-close-2:hover,.modal-close-2:focus{
    background:#666;
    color:#fff;
}
.modal-frame {
    width:100%;
    height:90%
}


.box-shadow-1 {
    -webkit-box-shadow:6px 6px 15px 1px #555;
    -moz-box-shadow:6px 6px 15px 1px #555;
    box-shadow:6px 6px 15px 1px #555
}
.box-shadow-2 {box-shadow:0 10px 70px -15px #999;}


.search_highlight {font-weight:bold;color:orange;}


.collapsible {
	cursor: pointer;
}

.collapsed {
	white-space: nowrap;
	width:440px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight:normal;
	/*text-decoration:underline;*/
	border-bottom:1px dashed #b9b9b9;
}
.collapsed:hover {border-bottom:1px solid #999;}
.collapsed img {display:none;}
.collapsed .modal img {display:inline;}

.top-line {border-top:1px solid #ccc;display:inline-block;}


.scroller-top, .scroller-top-inner {
	overflow-x: scroll;
	overflow-y: hidden;
	height: 18px;
}
.scroller-top {
	width: 100%;
}
.scroller-top-inner {
	width: 300%;
	/*width: {{ canvas.leftMost }}em;*/
}
/*
.scroller-main {
	overflow-x: scroll;
	overflow-y: auto;
	width: 300px;
}
.scroller-main-inner {
	width: 1000px;
}
*/

.just-clicked {
	color:#666;
	border:1px dashed #888;
	padding:0.2em 0.3em 0.25em;
	background:rgba(255,255,255,0.7);
	position:relative;
	z-index:1;
	white-space:nowrap;
}