/* JQM Demos custom CSS */
@font-face {
  font-family: 'AvantGardeCom-CondBook';
  src: url('../fonts/AvantGardeCom-CondBook.eot');
  src: url('../fonts/AvantGardeCom-CondBook.woff2') format('woff2'),
       url('../fonts/AvantGardeCom-CondBook.woff') format('woff'),
       url('../fonts/AvantGardeCom-CondBook.svg#AvantGardeCom-CondBook') format('svg'),
       url('../fonts/AvantGardeCom-CondBook.eot?#iefix') format('embedded-opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'AvantGardeCom-CondBold';
  src: url('../fonts/AvantGardeCom-CondBold.eot');
  src: url('../fonts/AvantGardeCom-CondBold.woff2') format('woff2'),
       url('../fonts/AvantGardeCom-CondBold.woff') format('woff'),
       url('../fonts/AvantGardeCom-CondBold.svg#AvantGardeCom-CondBold') format('svg'),
       url('../fonts/AvantGardeCom-CondBold.eot?#iefix') format('embedded-opentype');
  font-weight: 300;
  font-style: normal;
}
body{ margin:0; padding:0; font-family: 'AvantGardeCom-CondBook', Arial ; text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;}
body,
input,
select,
textarea,
button,
.ui-btn {
    font-size: 1em;
    line-height: 1.3;
    font-family: 'AvantGardeCom-CondBook', Arial ;
}
/* Header */
.jqm-demos .jqm-header {
	background: #fff;
	border-top: 0px solid #3eb249;
	border-bottom-color: #eee;
}
.jqm-demos .jqm-header h2 {
	padding: .4em 0 .1em;
	margin: 0 3em;
}
.jqm-demos .jqm-header h2 a {
	display: inline-block;
	text-decoration: none;
	min-height: 40px;
}
.jqm-demos .jqm-header h2 img {
	display: block;
	width: 140px;
	height: auto;
}
.jqm-demos .jqm-header h2 > img {
	display: inline-block;
}
.jqm-demos .jqm-header p {
	position: absolute;
	bottom: -2em;
	left: 1em;
	margin: 0;
	color: #666;
	font-family: 'AvantGardeCom-CondBook', Arial;
	font-weight: 300;
	text-transform: uppercase;
}
.jqm-demos .jqm-header .ui-btn {
	width: 2em;
	height: 2em;
	background: none;
	border: 0;
	top: 50%;
	margin-top: -1em;
	-webkit-border-radius: .3125em;
	border-radius: .3125em;
	opacity: .4;
	filter: Alpha(Opacity=40);
}

/* Footer */
.jqm-demos .jqm-footer.ui-footer {
	position: absolute;
	bottom: 0;
	padding-bottom: 0; 
}

.jqm-demos .jqm-footer {
	border-top: 1px solid #3eb249;	 
}
.jqm-demos .jqm-footer p {
	font-size: .8em;
	color: #999;
	font-weight: 300;
	margin: 0 1.25em 1.25em;
}
.jqm-demos .jqm-footer p:first-child {
	font-size: 1em;
	color: #666;
	font-weight: 400;
	margin: 1em 1em .75em;
}

/*-------------------*/
.jqm-demos .jqm-footer.ui-footer {
	position: absolute;
	bottom: 0;
	padding-bottom: 0; 
 	display:none !important; 	
}

.jqm-demos .jqm-footer {
	border-top: 1px solid #3eb249;
}
.jqm-demos .jqm-footer p {
	font-size: .8em;
	color: #999;
	font-weight: 300;
	margin: 0 1.25em 1.25em;
}
.jqm-demos .jqm-footer p:first-child {
	font-size: 1em;
	color: #666;
	font-weight: 400;
	margin: 1em 1em .75em;
}
/*-------------------*/

/* Content */
.jqm-demos .jqm-content {
	padding-top: 3em;
}
.jqm-demos .jqm-content > h1,
.jqm-demos .jqm-content > h2,
.jqm-demos .jqm-content > h3,
.jqm-demos .jqm-content > p,
.jqm-demos .jqm-content > ul li,
.jqm-demos .jqm-content > a {
	font-family: 'AvantGardeCom-CondBook', Arial;
	font-weight: 300;
}
.jqm-demos .jqm-content > h1 {
	font-size: 2.4em;
	margin: 0 0 .625em;
}
.jqm-demos .jqm-content > h2 {
	color: #3eb249;
	background-color: transparent;
	border-bottom: 1px solid #ddd;
	font-size: 1.6em;
	padding-bottom: .2em;
	margin: 0 0 .7375em;
}
.jqm-demos .jqm-content > h3 {
	color: #3eb249;
	background-color: transparent;
	font-size: 1.4em;
	margin: 0 0 1em;
}
.jqm-demos .jqm-content > p {
	font-size: 1.2em;
	line-height: 1.5;
}
.jqm-demos .jqm-content > ul:not(.jqm-list) li {
	font-size: 1.2em;
	line-height: 1.5;
}
.jqm-demos .jqm-content > p {
	margin: 0 0 1.25em;
}
.jqm-demos .jqm-content > ul,
.jqm-demos .jqm-content > ol {
	padding-left: 1.3em;
}
.jqm-demos .jqm-content > .ui-listview {
	padding-left: 0;
}
.jqm-demos .jqm-content > a,
.jqm-demos .jqm-content > p a,
.jqm-demos .jqm-content > ul:not(.jqm-list) li a {
	font-weight: 400;
	text-decoration: none;
}
.jqm-demos .jqm-content strong {
	font-weight: 700;
}
.jqm-demos .jqm-content > p strong {
	font-weight: 400;
}

/* Homepage */
.jqm-home > .jqm-content > img {
	width: 400px;
	max-width: 100%;
	display: block;
	margin: 2.5em 0;
}
.jqm-home .ui-grid-a {
	margin: 2.5em -.5em -.5em;
}
.jqm-block-content {
	margin: .5em;
	padding: 1em;
	background: #fff;
	border: 1px solid #eee;
	-webkit-border-radius: .3125em;
	border-radius: .3125em;
	font-family: 'AvantGardeCom-CondBook', Arial;
}
.jqm-block-content h3 {
	font-size: 1.5em;
	font-weight: 300;
	color: #3eb249;
	border-bottom: 1px solid #ddd;
	padding-bottom: .25em;
	margin: 0 0 .5em;
}
.jqm-block-content p {
	font-size: 1.1em;
	font-weight: 300;
	line-height: 1.4;
	margin: .7em 0;
}
.jqm-block-content p:last-child {
	margin-bottom: 0;
}
.jqm-block-content a:link {
	font-weight: 300;
	text-decoration: none;
}

/* Code */
.jqm-content pre,
.jqm-content code {
	background: #e5e5e5;
	background: rgba(0,0,0,.05);
	padding: 0 .125em;
}
.jqm-content pre {
	padding: 0 1em 1.2em;
	white-space: pre-wrap;
}
.jqm-content pre > code {
	padding: 0;
	background: none;
	font-size: .9em;
}

/* Lists */
.jqm-demos .jqm-search .jqm-list {
	margin: 0 -1em 1em;
}
.jqm-demos .jqm-list .ui-btn,
.jqm-demos .jqm-list .ui-btn:visited,
.jqm-demos .jqm-list .ui-li-divider {
	font-family: 'AvantGardeCom-CondBook', Arial;
	font-weight: 300;
	text-shadow: none !important;
 
}
.jqm-demos .jqm-list .ui-btn:hover,
.jqm-demos .jqm-list .ui-btn:active {
	color: #3388cc;
	background-color:#83bc34;
}
.jqm-demos .jqm-list .ui-btn.ui-btn-active {
	color: #fff;
	background-color:#83bc34;
}
.jqm-demos .jqm-list .ui-li-divider {
	color: #3eb249;
}

/* Navmenu */
.jqm-navmenu-panel .ui-listview > li .ui-collapsible-heading {
	margin: 0;
}
.jqm-navmenu-panel .ui-collapsible.ui-li-static {
	padding: 0;
	border: none !important;
}
.jqm-navmenu-panel .ui-collapsible + li > .ui-btn,
.jqm-navmenu-panel .ui-collapsible + .ui-collapsible > .ui-collapsible-heading > .ui-btn,
.jqm-navmenu-panel .ui-panel-inner > .ui-listview > li.ui-first-child .ui-btn {
	border-top: none !important;
}
.jqm-navmenu-panel .ui-listview .ui-listview .ui-btn {
	padding-left: 1.5em;
	color: #999;
}
.jqm-navmenu-panel .ui-listview .ui-listview .ui-btn.ui-btn-active {
	color: #fff;
}
.jqm-navmenu-panel .ui-btn:after {
	opacity: .4;
	filter: Alpha(Opacity=40);
}
.jqm-demos .jqm-navmenu-panel.jqm-panel-page-nav {
	display: none;
	position: absolute;
	top: 178px;
	left: 12px;
}
.jqm-demos .jqm-navmenu-panel.jqm-panel-page-nav ul li:first-child a{
	border-top: none;
}
/* Search */
.jqm-search-panel .ui-panel-inner {
	padding-top: 0;
}
.jqm-search-panel .ui-input-search {
	margin: 1em 0;
}
.jqm-search-panel .ui-input-search.ui-focus {
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
}
.jqm-list .jqm-search-results-keywords {
    padding: .46857em 0 0;
    font-size: .8em;
    font-weight: 300;
    color: #999;
    display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ui-btn-active .jqm-search-results-keywords {
    color: #fff;
}
.jqm-search-results-highlight {
    color: #3388cc;
    font-weight: 400;
}
.ui-btn-active .jqm-search-results-highlight {
    color: #fff;
    font-weight: 300;
}

/* Quick links */
.jqm-demos .jqm-content .jqm-deeplink {
	display: block;
	color: #999;
	font-weight: 300;
	border-top: 1px solid #eee;
	text-align: right;
	padding-top: .2em;
	margin: 0 0 1.5em;
}
.jqm-demos .jqm-content .jqm-deeplink:after {
	content: "";
	display: block;
	float: right;
	margin: .1em 0 0 .5em;
	width: 1em;
	height: 1em;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: .4;
	filter: Alpha(Opacity=40);
}

/* View source links */
.jqm-demos .jqm-content .jqm-view-source-link,
.jqm-demos .jqm-content .jqm-view-source-link:visited,
.jqm-demos .jqm-content .jqm-view-source-link:hover,
.jqm-demos .jqm-content .jqm-view-source-link:active {
	color: #3eb249;
	font-family: 'AvantGardeCom-CondBook', Arial;
	font-weight: 400;
	margin: 2em 0 1.5em 1em;
}
.jqm-demos .jqm-content .jqm-view-source-link.ui-btn-active:link {
	color: #fff;
}

@media (min-width: 60em) {
	.jqm-demos .jqm-header h2 {
		padding: 1em 0 .7em;
		margin: 0 1em 0 3%;
		text-align: left;
	}
	.jqm-demos .jqm-header h2 img {
		width: 275px;
		height: 78px;
	}
	.jqm-demos .jqm-header p {
		bottom: auto;
		left: auto;
		top: 50%;
		right: 15%;
		font-size: 1.2em;
		margin-top: -.625em;
	}
	.jqm-demos .jqm-navmenu-link {
		display: none;
	}
	.jqm-demos .jqm-search-link {
		right: 3%;
	}
	.jqm-demos .jqm-footer p {
		float: right;
		margin: 1.5em 3% 1.5em 1.5em;
	}
	.jqm-demos .jqm-footer p:first-child {
		float: left;
		margin: 1.25em 1.25em 1.25em 3%;
	}
	.jqm-demos .jqm-navmenu-panel {
		visibility: visible;
		position: relative;
		left: 0;
		clip: initial;
		float: left;
		width: 25%;
		background: none;
		-webkit-transition: none !important;
		-moz-transition: none !important;
		transition: none !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		transform: none !important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.jqm-demos.jqm-panel-page .jqm-navmenu-panel {
		display: none;
	}
	html .jqm-demos.jqm-panel-page .jqm-navmenu-panel.jqm-panel-page-nav {
		display: block;
	}
	.jqm-demos .jqm-navmenu-panel .ui-panel-inner {
		margin-top: 3em;
		margin-bottom: 3em;
	}
	.jqm-demos .jqm-content {
		width: 67%;
		padding-top: 2em;
		padding-left: 5%;
		padding-right: 3%;
		float: right;
	}
    .jqm-demos .jqm-content.jqm-fullwidth {
		width: auto;
		padding-left: 15%;
		padding-right: 15%;
		float: none;
	}
	.jqm-navmenu-panel .ui-listview .ui-btn {
		padding-left: 12.5%;
	}
	.jqm-navmenu-panel .ui-listview .ui-listview .ui-btn {
		padding-left: 15%;
	}
	.jqm-navmenu-panel .ui-collapsible,
	.jqm-navmenu-panel .ui-collapsible-content,
	.jqm-navmenu-panel .ui-btn {
		background: none !important;
		border-color: #ddd !important;
	}
	.jqm-navmenu-panel .ui-btn.ui-btn-active {
		color: #3388cc !important;
	}
	.jqm-navmenu-panel .ui-btn::after {
		opacity: 0;
		-webkit-transition: opacity 500ms ease;
		-moz-transition: opacity 500ms ease;
		transition: opacity 500ms ease;
	}
	.jqm-navmenu-panel .ui-btn:hover::after {
		opacity: .4;
	}
	.jqm-search-panel {
		width: 26em;
		right: -26em;
		z-index: 1003; /* Puts the panel on top of the dismiss modal which is not adjusted to custom width */
	}
	.jqm-search-panel.ui-panel-animate.ui-panel-position-right {
		-webkit-transform: translate3d(26em,0,0);
		-moz-transform: translate3d(26em,0,0);
		transform: translate3d(26em,0,0);
	}
	.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
		left: -17em;
		right: 17em;
	}
}
@media (min-width: 35em) {
	.jqm-block-content {
		min-height: 18em;
	}
}

/* View source popup */
#jqm-view-source-popup.ui-popup-container {
	width: 90%;
	max-width: 1500px;
}
.jqm-view-source .ui-collapsible-set {
	margin: 0;
}
.jqm-view-source .ui-collapsible-heading .ui-btn {
	font-family: 'AvantGardeCom-CondBook', Arial;
	font-weight: 400;
}
.jqm-view-source .ui-collapsible-heading .ui-btn-inner {
	padding: .4em;
}
.jqm-view-source .ui-collapsible-content {
	padding: 0;
	overflow: auto;
}
.jqm-view-source .ui-collapsible-content .phpStatus {
	padding: 1em;
}
.jqm-view-source .ui-collapsible-content > div,
.jqm-view-source .ui-collapsible-content .syntaxhighlighter {
	border-bottom-right-radius: inherit;
	border-bottom-left-radius: inherit;
}
.jqm-view-source .ui-collapsible-content::-webkit-scrollbar {
    width: 5px;
}
.jqm-view-source .ui-collapsible-content::-webkit-scrollbar-track {
    background: transparent;
}
.jqm-view-source .ui-collapsible-content::-webkit-scrollbar-thumb {
	background: #435A5F;
	border: solid #222;
	border-width: 12px 2px 12px 0;
	border-bottom-right-radius: 5px;
}
.jqm-view-source .ui-collapsible-content td.code .container > textarea {
	resize: none;
}

/* Button C - HTML */
.jqm-view-source .ui-btn.ui-btn-c,
.jqm-view-source .ui-btn.ui-btn-c:visited,
.jqm-view-source .ui-btn.ui-btn-c:hover,
.jqm-view-source .ui-btn.ui-btn-c:active,
.jqm-view-source .ui-btn.ui-btn-c.ui-btn-active {
	background: #005aff;
	border-color: #0033cc;
	color: #fff;
	text-shadow: 0 1px 0 #0033cc;
}
/* Button D - PHP */
.jqm-view-source .ui-btn.ui-btn-d,
.jqm-view-source .ui-btn.ui-btn-d:visited,
.jqm-view-source .ui-btn.ui-btn-d:hover,
.jqm-view-source .ui-btn.ui-btn-d:active,
.jqm-view-source .ui-btn.ui-btn-d.ui-btn-active {
	background: #ed1c24;
	border-color: #83bc34;
	color: #fff;
	text-shadow: 0 1px 0 #83bc34;
}
/* Button E - JS */
.jqm-view-source .ui-btn.ui-btn-e,
.jqm-view-source .ui-btn.ui-btn-e:visited,
.jqm-view-source .ui-btn.ui-btn-e:hover,
.jqm-view-source .ui-btn.ui-btn-e:active,
.jqm-view-source .ui-btn.ui-btn-e.ui-btn-active {
	background: #3EB249;
	border-color: #108040;
	color: #fff;
	text-shadow: 0 1px 0 #108040;
}
/* Button F - CSS */
.jqm-view-source .ui-btn.ui-btn-f,
.jqm-view-source .ui-btn.ui-btn-f:visited,
.jqm-view-source .ui-btn.ui-btn-f:hover,
.jqm-view-source .ui-btn.ui-btn-f:active,
.jqm-view-source .ui-btn.ui-btn-f.ui-btn-active {
	background: #ec008c;
	border-color: #cc0099;
	color: #fff;
	text-shadow: 0 1px 0 #cc0099;
}

/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/SyntaxHighlighter
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
 *
 * @version
 * 3.0.83 (July 02 2010)
 *
 * @copyright
 * Copyright (C) 2004-2010 Alex Gorbatchev.
 *
 * @license
 * Dual licensed under the MIT and GPL licenses.
 */
.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
	background: none;
	border: 0;
	bottom: auto;
	float: none;
	left: auto;
	height: auto;
	line-height: 18px;
	margin: 0;
	outline: 0;
	overflow: visible;
	padding: 0;
	position: static;
	right: auto;
	text-align: left;
	top: auto;
	vertical-align: baseline;
	width: auto;
	box-sizing: content-box;
	/*font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;*/
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	min-height: inherit;
	min-height: auto;
}
.syntaxhighlighter {
	width: auto;
	margin: 0;
	padding: 1em 0;
	position: relative;
	overflow: auto;
	font-size: 13px;
}
.syntaxhighlighter.source {
	overflow: hidden;
}
.syntaxhighlighter .bold {
	font-weight: bold;
}
.syntaxhighlighter .italic {
	font-style: italic;
}
.syntaxhighlighter .line {
	white-space: pre;
	white-space: pre-wrap;
}
.syntaxhighlighter table {
	width: 100%;
}
.syntaxhighlighter table caption {
	text-align: left;
	padding: .5em 0 0.5em 1em;
}
.syntaxhighlighter table td.code {
	width: 100%;
}
.syntaxhighlighter table td.code .container {
	position: relative;
}
.syntaxhighlighter table td.code .container textarea {
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: none;
	background: white;
	padding-left: 1em;
	overflow: hidden;
	white-space: pre;
}
.syntaxhighlighter table td.gutter .line {
	text-align: right;
	padding: 0 0.5em 0 1em;
}
.syntaxhighlighter table td.code .line {
	padding: 0 1em;
}
.syntaxhighlighter.show {
	display: block;
}
.syntaxhighlighter.collapsed table {
	display: none;
}
.syntaxhighlighter .line.alt1 {
	background-color: transparent;
}
.syntaxhighlighter .line.alt2 {
	background-color: transparent;
}
.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
	background-color: #253e5a;
}
.syntaxhighlighter .line.highlighted.number {
	color: #38566f;
}
.syntaxhighlighter table caption {
	color: #d1edff;
}
.syntaxhighlighter .gutter {
	color: #afafaf;
}
.syntaxhighlighter .gutter .line {
	border-right: 3px solid #435a5f;
}
.syntaxhighlighter .gutter .line.highlighted {
	background-color: #435a5f;
	color: #0f192a;
}
.syntaxhighlighter.collapsed {
	overflow: visible;
}
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
	color: #eee;
}
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
	color: #5ba1cf;
}
.syntaxhighlighter .string {
	color: #98da31;
}
.syntaxhighlighter .string a {
	color: #1dc116;
}
.syntaxhighlighter .keyword {
	color: #ffae00;
}
.syntaxhighlighter .preprocessor {
	color: #8aa6c1;
}
.syntaxhighlighter .variable {
	color: #ffaa3e;
}
.syntaxhighlighter .value {
	color: #f7e741;
}
.syntaxhighlighter .functions {
	color: #ffaa3e;
}
.syntaxhighlighter .constants {
	color: #e0e8ff;
}
.syntaxhighlighter .script {
	font-weight: bold;
	color: #b43d3d;
	background-color: none;
}
.syntaxhighlighter .color1 {
	color: #8df;
}
.syntaxhighlighter .color1 a {
	color: #f8bb00;
}
.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
	color: white;
}
.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
	color: #ffaa3e;
}
.syntaxhighlighter table td.code {
	cursor: text;
}
.syntaxhighlighter table td.code .container textarea {
	background: #eee;
	white-space: pre;
	white-space: pre-wrap;
}
.syntaxhighlighter ::-moz-selection {
	background-color: #009cdd;
	color: #fff;
	text-shadow: none;
}
.syntaxhighlighter ::-webkit-selection {
	background-color: #009cdd;
	color: #fff;
	text-shadow: none;
}
.syntaxhighlighter ::selection {
	background-color: #009cdd;
	color: #fff;
	text-shadow: none;
}

.headerbg div { background-color:#ffffff;margin:0 auto; margin-top:0.5em; } .headerbg { border:0px solid #ff0000 !important;}
.logobg { background-color:#ffffff;  } 
.logopadd { max-width:250px; }	
.logo { max-width:90%;}
.jqm-demos .ui-tabs li a { text-shadow:none !important; }

/*.jqm-demos .ui-tabs li.first a { border:0; background-color:#019CDE;padding-top:1em; text-shadow:none;-webkit-border-top-left-radius: 0.2em;
-webkit-border-top-right-radius: 0.2em;
-moz-border-radius-topleft: 0.2em;
-moz-border-radius-topright: 0.2em;
border-top-left-radius: 0.2em;
border-top-right-radius: 0.2em;}

.jqm-demos .ui-tabs li.middle a { border:0; background-color:#019CDE;padding-top:1em; text-shadow:none;-webkit-border-top-left-radius: 0.2em;
-webkit-border-top-right-radius: 0.2em;
-moz-border-radius-topleft: 0.2em;
-moz-border-radius-topright: 0.2em;
border-top-left-radius: 0.2em;
border-top-right-radius: 0.2em;}

.jqm-demos .ui-tabs li.last a { border:0; background-color:#019CDE;padding-top:1em; text-shadow:none;-webkit-border-top-left-radius: 0.2em;
-webkit-border-top-right-radius: 0.2em;
-moz-border-radius-topleft: 0.2em;
-moz-border-radius-topright: 0.2em;
border-top-left-radius: 0.2em;
border-top-right-radius: 0.2em;}
.jqm-demos .ui-tabs li.first a { border-bottom:2px solid #ff0000;} 
.jqm-demos .ui-tabs li.middle a { border-bottom:2px solid #ff0000;} 
.jqm-demos .ui-tabs li.last a { border-bottom:2px solid #ff0000;} */

/*.jqm-demos .ui-tabs-active.ui-state-active { background-color: #ff0000 !important;}*/
/*.jqm-demos .ui-tabs .ui-tabs-active,
.jqm-demos .ui-tabs li a:hover,
.jqm-demos .ui-tabs li a:active {
	background-color: #ff0000 !important;
}*/
#condvertercalc .contentbg,
#condvertercalc .headerbg,
#condvertercalc .footerbg { margin:0 auto; width:940px; max-width:100%; }
.ui-bar-d,
.ui-page-theme-d .ui-bar-inherit,
html .ui-bar-d .ui-bar-inherit,
html .ui-body-d .ui-bar-inherit,
html body .ui-group-theme-d .ui-bar-inherit {
    background-color: #ffffff;/*jun202016*/
    /*border-color: #1b1b1b;*/
    color: #000;/*jun202016*/
    /*text-shadow: 0 1px 0 #111;*/
    font-weight: 700
}
.ui-bar-d {
    border-width: 1px;
    border-style: solid
}
.ui-overlay-d,
.ui-page-theme-d,
.ui-page-theme-d .ui-panel-wrapper {
    background-color: #ffffff; /*jun202016*/
    border-color: #454545;
    color: #000;/*jun202016*/
    /*text-shadow: 0 1px 0 #111*/
}
.ui-body-d,
.ui-page-theme-d .ui-body-inherit,
html .ui-bar-d .ui-body-inherit,
html .ui-body-d .ui-body-inherit,
html body .ui-group-theme-d .ui-body-inherit,
html .ui-panel-page-container-d {
    background-color: #ffffff;/*jun202016*/
    border-color: #1d1d1d;
    color: #000;/*jun202016*/
    /*text-shadow: 0 1px 0 #111*/
}
.ui-body-d {
    border-width: 1px;
    border-style: solid
}
.ui-page-theme-d a,
html .ui-bar-d a,
html .ui-body-d a,
html body .ui-group-theme-d a {
    color: #ff0000;/*jun202016*/
    font-weight: 700
}
.ui-page-theme-d a:visited,
html .ui-bar-d a:visited,
html .ui-body-d a:visited,
html body .ui-group-theme-d a:visited {
    color: #ff0000;/*jun202016*/
}
.ui-page-theme-d a:hover,
html .ui-bar-d a:hover,
html .ui-body-d a:hover,
html body .ui-group-theme-d a:hover {
    color: #009cdd;/*jun202016*/
}
.ui-page-theme-d a:active,
html .ui-bar-d a:active,
html .ui-body-d a:active,
html body .ui-group-theme-d a:active {
    color: #009cdd;/*jun202016*/
}
/*.ui-tabs li.first a { background-color: #ff0000;}*/
.ui-page-theme-d .ui-btn,
html .ui-bar-d .ui-btn,
html .ui-body-d .ui-btn,
html body .ui-group-theme-d .ui-btn,
html head+body .ui-btn.ui-btn-d,
.ui-page-theme-d .ui-btn:visited,
html .ui-bar-d .ui-btn:visited,
html .ui-body-d .ui-btn:visited,
html body .ui-group-theme-d .ui-btn:visited,
html head+body .ui-btn.ui-btn-d:visited {
    background-color: #009cdd;/*jun202016*/ 
/*    border-color: #009cdd;
	border-bottom-width:3px;
	border-bottom-color:#83bc34;*/
    color: #fff;/*jun202016*/
  /*  text-shadow: 0 1px 0 #111*/
}
 

.ui-page-theme-d .ui-btn:hover,
html .ui-bar-d .ui-btn:hover,
html .ui-body-d .ui-btn:hover,
html body .ui-group-theme-d .ui-btn:hover,
html head+body .ui-btn.ui-btn-d:hover {
    background-color: #83bc34;/*jun202016*/
    border-color: #83bc34;
    color: #fff;
	border-bottom-width:2px;
    /*text-shadow: 0 1px 0 #111*/
}
.ui-page-theme-d .ui-btn:active,
html .ui-bar-d .ui-btn:active,
html .ui-body-d .ui-btn:active,
html body .ui-group-theme-d .ui-btn:active,
html head+body .ui-btn.ui-btn-d:active {
    background-color: #83bc34;
    border-color: #83bc34;
    color: #fff;
    /*text-shadow: 0 1px 0 #111*/
}
.ui-page-theme-d .ui-btn.ui-btn-active,
html .ui-bar-d .ui-btn.ui-btn-active,
html .ui-body-d .ui-btn.ui-btn-active,
html body .ui-group-theme-d .ui-btn.ui-btn-active,
html head+body .ui-btn.ui-btn-d.ui-btn-active,
.ui-page-theme-d .ui-checkbox-on:after,
html .ui-bar-d .ui-checkbox-on:after,
html .ui-body-d .ui-checkbox-on:after,
html body .ui-group-theme-d .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-d:after,
.ui-page-theme-d .ui-flipswitch-active,
html .ui-bar-d .ui-flipswitch-active,
html .ui-body-d .ui-flipswitch-active,
html body .ui-group-theme-d .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-d.ui-flipswitch-active,
.ui-page-theme-d .ui-slider-track .ui-btn-active,
html .ui-bar-d .ui-slider-track .ui-btn-active,
html .ui-body-d .ui-slider-track .ui-btn-active,
html body .ui-group-theme-d .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-d .ui-btn-active {
    background-color: #83bc34;/*jun202016*/
    border-color: #83bc34;/*jun202016*/ 
    color: #fff;
   /* text-shadow: 0 1px 0 #08b*/
}
.ui-page-theme-d .ui-radio-on:after,
html .ui-bar-d .ui-radio-on:after,
html .ui-body-d .ui-radio-on:after,
html body .ui-group-theme-d .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-d:after {
    border-color: #83bc34;/*jun202016*/
}
.ui-page-theme-d .ui-btn:focus,
html .ui-bar-d .ui-btn:focus,
html .ui-body-d .ui-btn:focus,
html body .ui-group-theme-d .ui-btn:focus,
html head+body .ui-btn.ui-btn-d:focus,
.ui-page-theme-d .ui-focus,
html .ui-bar-d .ui-focus,
html .ui-body-d .ui-focus,
html body .ui-group-theme-d .ui-focus,
html head+body .ui-btn-d.ui-focus,
html head+body .ui-body-d.ui-focus {
    -webkit-box-shadow:none;/*jun202016*/
    -moz-box-shadow: none;/*jun202016*/
    box-shadow: none;/*jun202016*/
}
.ui-block-d {
    clear: left;
}
.wrapcontent { white-space:normal;text-overflow:inherit; font-weight:300 !important; border-top-left-radius:5px; border-top-right-radius:8px;	
}

@media (max-width:320px){ 
	.wrapcontent { padding:0.7em 0.3em;  }    
}
@media (max-width:220px){ 
	.wrapcontent { 
		padding: 0.2em 0.1em;
		font-size:8.5px; 
	} 
}
.ui-page-theme-d .ui-input-text input[type=text], .ui-page-theme-d .ui-shadow, .ui-page-theme-d ul.navcontainer li.coltwo .ui-shadow-inset  { -moz-box-shadow:none; -webkit-box-shadow: none;box-shadow: none; }
.ui-page-theme-d .ui-grid-b>.ui-block-a,
.ui-page-theme-d .ui-grid-b>.ui-block-b,
.ui-page-theme-d .ui-grid-b>.ui-block-c {
 width: 32.703%; 
 margin:0%;  
 margin-bottom:0%;
} 
/*.ui-page-theme-d .ui-grid-b>.ui-block-b { margin-left:0.166%; margin-right:0.166%;}*/
.ui-page-theme-d .ui-navbar ul.unittabs .middle { margin-left:0.945%; margin-right:0.945%; }
/*.ui-page-theme-d .ui-grid-b>.ui-block-b{
 width: 33%; 
 margin:0.111%;  
 margin-bottom:0%;
}*/

.ui-page-theme-d ul.unittabs { border-bottom: 3px solid #83bc34; border-radius:0px !important; }
.ui-page-theme-d .ui-corner-all {
/*    -webkit-border-radius: 0em;
    border-radius: 0em; */
}

.ui-page-theme-d ul.navcontainer{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:100% !important; 
}
.ui-page-theme-d ul.navcontainer li { display: inline-block; line-height:2.4em;} 

.ui-page-theme-d ul.navcontainer li .ui-select{ margin: 0; padding: 0; }
.ui-page-theme-d .ui-icon-carat-d:after {
    background-image:none;
	background-color:#ffffff;
	color:#83bc34;
	content: "\f078"/*107*/; 
	font-family: FontAwesome;
}
.ui-page-theme-d ul.navcontainer li .ui-btn{ background-color: #ffffff; -webkit-border-radius: 0.2em;
    border-radius: 0.2em;}
.ui-page-theme-d ul.navcontainer li .ui-btn{ color: #000000; border:1px solid #cccccc;text-align:left; font-weight:300;}

.ui-page-theme-d ul.navcontainer li .ui-input-text  { border:1px solid #cccccc;  }
.ui-page-theme-d ul.navcontainer li .ui-input-text #strconcentration  {font-weight:600;height:2.4em;}
.ui-page-theme-d .ui-navbar li .ui-btn { font-size:0.9em; padding-left:0.1em; padding-right:0.1em;}
.ui-page-theme-d ul.navcontainer li label {color:#001fa4; }
.ui-page-theme-d .jqm-footer {
	border:0px !important;	
}
.ui-page-theme-d .hideredcolo { color:#ff0000; display:none; line-height: normal !important }
.ui-page-theme-d .showredcolo { color:#ff0000; display:block; line-height: normal !important}

.ui-page-theme-d ul.navcontainer li .btnrefresh  { float:left;width:5%;padding-top:6px;padding-left:1%; }
.ui-page-theme-d ul.navcontainer li .btnrefresh i {cursor:pointer;width: 20px; height: 20px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; color:#83BC34;}
.ui-page-theme-d .inpboxbg { display:inline-block; width:100%;}
.ui-page-theme-d .inpbox{ float:left;width:94%;}
.ui-page-theme-d #txtuc2lbl, .ui-page-theme-d #tabitxtlbl{  border:1px solid #cccccc; min-height:20px; vertical-align:middle !important; padding:0.2em; word-wrap:break-word;}

.ui-page-theme-d .btnconvert { width:5.5em !important; height:30px; line-height:1em; padding-top:0.4em; text-align:center; background-color:#83BC34 !important; color:#ffffff !important; font-size:0.9em;}

.ui-page-theme-d #lblcuc { line-height:normal; margin-top:0.3em;}
.ui-page-theme-d .linesep { border:1px solid #cccccc !important; line-height:1px; margin-bottom: 1em; }

.ui-page-theme-d .btnquote {
  background: #83BC34;
  background-image: -webkit-linear-gradient(top, #83BC34, #61916c);
  background-image: -moz-linear-gradient(top, #83BC34, #61916c);
  background-image: -ms-linear-gradient(top, #83BC34, #61916c);
  background-image: -o-linear-gradient(top, #83BC34, #61916c);
  background-image: linear-gradient(to bottom, #83BC34, #61916c);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  max-width:40em; text-align:center; margin:0 auto;
  color: #ffffff;  
  font-size: 2em;
  padding: 10px 2px 10px 2px;
  text-decoration: none;
  text-overflow:inherit;
  word-break:break-all;
  margin-top:1em;
  letter-spacing:normal !important;
  font-weight:500;
  letter-spacing:0.1em;
}
.ui-page-theme-d #tabistrconductivity, .ui-page-theme-d #strconcentration, .ui-page-theme-d #txtuc1, .ui-page-theme-d #txtuc2lbl, .ui-page-theme-d #tabitxtlbl{
	padding: 0.7em 1em;	
}
.ui-page-theme-d #tabistrconductivity { font-weight:600;}
.ui-page-theme-d .btnquote:hover {
  
  background: #83BC34;
  background-image: -webkit-linear-gradient(top, #83BC34, #61916c);
  background-image: -moz-linear-gradient(top, #83BC34, #61916c);
  background-image: -ms-linear-gradient(top, #83BC34, #61916c);
  background-image: -o-linear-gradient(top, #83BC34, #61916c);
  background-image: linear-gradient(to bottom, #83BC34, #61916c);
  text-decoration: none;
}
.ui-page-theme-d #tabilblcuc, .ui-page-theme-d .tabimho, .ui-page-theme-d #lblcuc { color:#aaaaaa;font-size:0.9em; }
.ui-page-theme-d #tabilblcuc { line-height: normal;margin-top: 0.5em; }
.ui-page-theme-d #tabitxtlbl, .ui-page-theme-d #tabistrconductivity, .ui-page-theme-d #txtuc2lbl {-webkit-border-radius: 0.2em !important; border-radius: 0.2em !important; }
.ui-page-theme-d ul.navcontainer li { margin-bottom: 0.5em;}
.ui-page-theme-d ul.navcontainer .ui-input-text { margin: 0em; }
.ui-page-theme-d .contentbg { padding-top:0em; padding-left:0.02em; padding-right:0.02em;}

.ui-page-theme-d ul.navcontainer li:first-child { text-align:left; vertical-align:top; width:35%;}

.ui-page-theme-d ul.navcontainer li.colone{ width:35%;}
.ui-page-theme-d ul.navcontainer li.coltwo{ width:64.3%;} 

.ui-page-theme-d ul.navcontainer li.resone { width:26%}
.ui-page-theme-d ul.navcontainer li.restwo { width:73.5%}
.alink { font-size:3em; text-decoration:none; color: #000000 !important;}
@media screen and (min-width: 0em) { /*0px*/   
 .ui-page-theme-d .ui-navbar { font-size:1em;}
 .ui-page-theme-d ul.navcontainer li label { font-size:1em; line-height:1.2em; padding-top:0.5em; } 
 .ui-page-theme-d #txtuc2lbl, .ui-page-theme-d #tabitxtlbl { line-height:1.2em; }
 .ui-page-theme-d .btnquote {
	  font-size: 0.6em;
	  padding: 10px 2px 10px 2px;
	  font-weight:400;
	  letter-spacing:1px !important;
  }
  .ui-page-theme-d .ui-navbar li .ui-btn { border-left:0px solid #fff !important; border-top:0px solid #fff !important; border-right:0px solid #fff !important;}
}
@media screen and (min-width: 20em) { /*320px*/   
 .ui-page-theme-d .ui-navbar { font-size:1em;}
 .ui-page-theme-d ul.navcontainer li label { font-size:1em; line-height:1.2em; padding-top:0.5em; } 
 .ui-page-theme-d #txtuc2lbl, .ui-page-theme-d #tabitxtlbl { line-height:1.2em; }
 .ui-page-theme-d .btnquote {
	  font-size: 0.6em;
	  padding: 10px 2px 10px 2px;
	  font-weight:400;
	  letter-spacing:1px !important;
  }
  .ui-page-theme-d .ui-navbar li .ui-btn { border-left:0px solid #fff !important; border-top:0px solid #fff !important; border-right:0px solid #fff !important;}
}
@media screen and (min-width: 30em) {/*480px*/ 
 .ui-page-theme-d .ui-navbar { font-size:1.4em;}	
 .ui-page-theme-d ul.navcontainer li label { font-size:1.2em;line-height:1.4em; padding-top:0.4em; }
 .ui-page-theme-d #txtuc2lbl, .ui-page-theme-d #tabitxtlbl { line-height:1.4em; }
 .ui-page-theme-d .btnquote {
	  font-size: 0.8em;
	  padding: 10px 2px 10px 2px;
  	  font-weight:600;
  } 
  
}
@media screen and (min-width: 40em) {/*640px*/ 
 .ui-page-theme-d .ui-navbar { font-size:1.5em; }
 .ui-page-theme-d ul.navcontainer li label { font-size:1.3em; line-height:1.6em; padding-top:0.3em; }
 .ui-page-theme-d .ui-navbar li .ui-btn { font-size:0.9em; padding-left:0.8em; padding-right:0.8em;}
 .ui-page-theme-d #txtuc2lbl, .ui-page-theme-d #tabitxtlbl { line-height:1.6em; } 
 .ui-page-theme-d .btnquote {
	  font-size: 0.9em;
	  padding: 10px 2px 10px 2px;
  }
}
@media screen and (min-width: 50em) {/*800px*/ 
 .ui-page-theme-d .ui-navbar { font-size:1.5em;  }
 .ui-page-theme-d ul.navcontainer li label { font-size:1.6em; line-height:1.8em; padding-top:0.1em;  }
 .ui-page-theme-d .ui-navbar li .ui-btn { font-size:0.9em; padding-left:2em; padding-right:2em;} 
 .ui-page-theme-d #txtuc2lbl, .ui-page-theme-d #tabitxtlbl { line-height:1.8em; } 
 .ui-page-theme-d .btnquote {
	  font-size: 1em;
	  padding: 10px 2px 10px 2px;
  }
}
@media screen and (min-width: 60em) {/*960px*/ 
 .ui-page-theme-d .ui-navbar { font-size:1.5em; }
 .ui-page-theme-d ul.navcontainer li label { font-size:1.6em; line-height:1.8em; padding-top:0.1em; }
 .ui-page-theme-d .ui-navbar li .ui-btn { font-size:0.9em; padding-left:0.9em; padding-right:0.9em;}
 .ui-page-theme-d #txtuc2lbl, .ui-page-theme-d #tabitxtlbl { line-height:1.8em; }
 .ui-page-theme-d .btnquote {
	  font-size: 1em;
	  padding: 10px 2px 10px 2px;
  }
}
@media screen and (min-width: 70em) {/*1120px*/ 
 .ui-page-theme-d .ui-navbar { font-size:1.5em;}
 .ui-page-theme-d ul.navcontainer li label { font-size:1.6em; line-height:1.8em;  padding-top:0.1em; }
 .ui-page-theme-d .ui-navbar li .ui-btn { font-size:0.9em; padding-left:0.9em; padding-right:0.9em;}
 .ui-page-theme-d #txtuc2lbl, .ui-page-theme-d #tabitxtlbl { line-height:1.8em; }
 .ui-page-theme-d .btnquote {
	  font-size: 1.2em;
	  padding: 10px 2px 10px 2px;
  }
}
@media (max-width:60em){
	.ui-page-theme-d ul.navcontainer li.restwo { width:73%;}
}
@media (max-width:50em){ 
	.ui-page-theme-d ul.navcontainer li.coltwo{ width:63%; }
	.ui-page-theme-d ul.navcontainer li.restwo { width:72%;}
}