/* This makes room at the bottom of the page for our fixed CM bar */
@media only screen and (max-width: 580px) {
	body.pxu-cmode {
		padding-bottom: 40px;
	}
}

#pxu-cm-bar,
#pxu-cm-bar *,
#pxu-cm-modal * {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}

#pxu-cm-bar h1, #pxu-cm-bar h2,
#pxu-cm-bar h3, #pxu-cm-bar h4,
#pxu-cm-bar h5, #pxu-cm-bar h6 {
  text-transform: none;
}

.pxu-cm-modal-active {
	overflow: hidden;
	height: auto;
}

/* Bar Styles */
#pxu-cm-bar, #pxu-cm-return {
	background: url(bg.png) left top repeat-x;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 38px;
	height: 40px;
	position: fixed;
	right: 15px;
	bottom: -45px;
	z-index: 15000;
	border: 1px solid rgba(6, 45, 57, 0.79);
	-webkit-box-shadow: 0 1px 2px rgba(30, 45, 49, 0.5), 0 0 0 1px rgba(232, 243, 252, 0.14) inset;
	   -moz-box-shadow: 0 1px 2px rgba(30, 45, 49, 0.5), 0 0 0 1px rgba(232, 243, 252, 0.14) inset;
	        box-shadow: 0 1px 2px rgba(30, 45, 49, 0.5), 0 0 0 1px rgba(232, 243, 252, 0.14) inset;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding-box;
	        background-clip: padding-box;
	}

	@media only screen and (max-width: 580px) {
		#pxu-cm-bar {
			bottom: 0 !important;
			left: 0;
			right: 0;
			border-radius: 0;
			border: none;
			border-top: 1px solid #34889E;
			box-shadow: 0 0 4px 0px rgba(0,0,0,0.3);
		}
	}

	/* Via Pixelunion
	----------------------------- */

	#pxu-cm-return {
		width:134px;
		right:auto;
		left:15px;
		cursor:pointer;
	}

	#pxu-cm-return-wrap {
		height:40px;
		width:100%;
	}

	#pxu-cm-return:hover #pxu-cm-return-wrap {
		background:rgba(0,0,0,0.1);
	}

	#pxu-cm-rondel {
		position: absolute;
		top:5px;
		left:10px;
		width:30px;
		height:30px;
		background:url(logo_rondel.png) no-repeat 0px 0px;
		cursor:pointer;
	}

	#pxu-cm-return-label {
		position: absolute;
		top:8px;
		left:50px;
		font-size:11px;
		line-height: 11px;
		margin:0;
		padding:0;
		color:#c6eff8;
		text-shadow: 0 1px 0px rgba(0,0,0,0.3); /* #155B6F */
		cursor:pointer;
	}

	#pxu-cm-return-logo {
		position: absolute;
		top:18px;
		left:46px;
		height:19px;
		width: 73px;
		background: url(logo_text_small.png) 0px 0px no-repeat;
		cursor:pointer;
	}

	/* -------------------------- */

	.pxu-cm-section a {
		border-bottom: 0;
	}
	.pxu-cm-section.first {
		border-left: 0;
		padding: 0;
		overflow: hidden;
	}
	.pxu-cm-section.title {
		padding-left:14px;
	}
	.pxu-cm-section.title.via-pxu {
		border-left:0px;
	}
	.pxu-cm-section.first:hover {
		background: rgba(0,0,0,0.1);
	}
	.pxu-cm-section.last {
		border-right: 0;
		padding: 0 12px;
	}
	.pxu-cm-section {
		height: 40px;
		padding: 0 18px;
		float: left;
		border-right: 1px solid rgba(13,96,118,0.6);
		border-left: 1px solid rgba(232,243,252,0.16);
		text-shadow: 0 1px 0px rgba(0,0,0,0.3); /* #155B6F */
		-webkit-transform: translateZ(0); /* hasLayout fix for chrome */
	}
	@media only screen and (max-width: 580px) {
		.pxu-cm-section.title {
			border-right: none;
			padding: 0 12px;
			width: calc(100% - 70px);
		}
		.pxu-cm-section.last {
			display: none;
		}
	}
	#pxu-cm-logo {
		background: url(logo_rondel.png) 11px 5px no-repeat;
		text-indent: -9999em;
		display: block;
		width: 52px;
		height: 40px;
	}
	@media only screen and (max-width: 580px) {
		#pxu-cm-logo {
			width: 43px;
			background-position-x: 7px;
		}
	}
	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
		#pxu-cm-logo {
			background: url(logo_rondel@2x.png) 10px 7px no-repeat;
			background-size: 25px 25px;
		}
	}
	.pxu-cm-section h4 {
		color: #fff;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 500;
		font-size: 16px;
		line-height: 39px;
		height: 40px;
		margin: 0;
		padding-right: 65px;
		float: left;
		display: block;
		-webkit-font-smoothing:antialiased;
		letter-spacing: 0 !important;
	}
	@media only screen and (max-width: 580px) {
		.pxu-cm-section h4 {
			padding-right: 0;
			font-size: 16px;
			max-width: -webkit-calc(100% - 100px);
			max-width: calc(100% - 100px);
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}
	}
	.pxu-cm-section h4 em {
		color: #97d6e8;
		font-size: 11px;
		margin-left: 5px;
		-webkit-font-smoothing:subpixel-antialiased;
	}
	@media only screen and (max-width: 580px) {
		.pxu-cm-section h4 em {
			display: none;
		}
	}
	.pxu-cm-fullprev, .pxu-cm-buynow, .pxu-cm-installnow {
		background: url(btn_fulldemo_wide.png) no-repeat;
		width: 88px;
		height: 27px;
		display: inline-block;
		text-indent: -999em;
		position: relative;
		top: 7px;
		right: -5px;
		outline: 0;
	}
	.pxu-cm-buynow {
		background-image: url(btn_buy.png);
		-webkit-transition: none;
		   -moz-transition: none;
		     -o-transition: none;
		        transition: none;
	}
	@media only screen and (max-width: 580px) {
		.pxu-cm-buynow {
			position: absolute;
			right: 8px;
		}
	}
	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
		.pxu-cm-buynow {
			background-image: url(btn_buy@2x.png);
			background-size: 88px;
		}
	}
	.pxu-cm-installnow {
		background-image: url(btn_install.png);
		width: 70px;
	}
	.pxu-cm-fullprev:hover,
	.pxu-cm-buynow:hover,
	.pxu-cm-installnow:hover {
		background-position: left center;
	}
	.pxu-cm-fullprev:active,
	.pxu-cm-buynow:active,
	.pxu-cm-installnow:active {
		background-position: left bottom;
	}
	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
		.pxu-cm-buynow:active {
			background-position: 0 -53px;
		}
	}
	#pxu-cm-nav {
		height: 40px;
		margin: 0;
		padding: 0;
	}
	#pxu-cm-nav li {
		display: inline-block;
		padding: 0 10px;
		margin: 0;
		line-height: 38px;
	}
	#pxu-cm-nav a {
		font-size: 12px;
		color: #c6eff8;
		text-decoration: none;
	}
	#pxu-cm-nav .active a, #pxu-cm-nav a:hover {
		color: #FFF;
	}
/* Overlay Styles */
#pxu-cm-overlay {
	background: url(radialgrad.png) no-repeat;
	background-size: 100% 100%;
	text-align: left;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	overflow-x: auto;
	overflow-y: hidden;
	display: none;/
}
	.ie8 #pxu-cm-overlay,
	.ie7 #pxu-cm-overlay {
		background: none;
	}
	#pxu-cm-modal {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		width: 540px;
		height: 475px;
		margin: 0 auto;
		position: relative;
		top: -30px;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
		-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.34);
		   -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.34);
		        box-shadow: 0 0 0 1px rgba(0,0,0,0.34);
		opacity: 0;
	}
		#pxu-cm-modal a {
			border-bottom: 0;
		}
		#pxu-cm-modal-header {
			width: 100%;
			height: 65px;
			background: url(modal_header_bg.png) left top repeat-x;
			/* border: 1px solid rgba(9,45,56,0.63); */
			position: relative;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			   -moz-border-radius: 5px 5px 0 0;
			        border-radius: 5px 5px 0 0;
			-webkit-box-shadow: 0 2px 6px rgba(30,45,49,.40), inset 0 0 0 1px rgba(233,243,252,.14), 0 1px 0 rgba(0,0,0,0.29);
			   -moz-box-shadow: 0 2px 6px rgba(30,45,49,.40), inset 0 0 0 1px rgba(233,243,252,.14), 0 1px 0 rgba(0,0,0,0.29);
			        box-shadow: 0 2px 6px rgba(30,45,49,.40), inset 0 0 0 1px rgba(233,243,252,.14), 0 1px 0 rgba(0,0,0,0.29);
		}
			#pxu-cm-modal-header h1 {
				color: #fff;
				color: rgba(255,255,255,0.9);
				font-size: 18px;
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-weight: 500;
				text-align: center;
				text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
				line-height: 65px;
				display: block;
				width: auto;
				letter-spacing: normal;
				text-transform: none;
				padding: 0;
				margin: 0;
			}
			#pxu-cm-modal-close {
				background: url(modal_close.png) no-repeat;
				position: absolute;
				right: 18px;
				top: 25px;
				width: 13px;
				height: 14px;
				text-indent: -999em;
			}
		#pxu-cm-modal-tabs {
			background-color: #156079;
			width: 100%;
			padding: 0;
			margin: 0;
			overflow: hidden;
			-webkit-box-shadow: inset 0 -2px 3px rgba(0,0,0,0.13);
			   -moz-box-shadow: inset 0 -2px 3px rgba(0,0,0,0.13);
			        box-shadow: inset 0 -2px 3px rgba(0,0,0,0.13);
		}
			#pxu-cm-modal-tabs li {
				margin: 0;
				padding: 0;
				line-height: 45px;
				text-align: center;
				display: block;
				float: left;
				border-left: 1px solid rgba(0,0,0,0.2);
			}
			#pxu-cm-modal-tabs li:first-child {
				border-left: 0;
			}
			#pxu-cm-modal-tabs .active a {
				background: rgba(255,255,255,0.05);
			}
			#pxu-cm-modal-tabs a {
				color: #5790A2;
				font-size: 14px;
				text-shadow: 0 1px 0 rgba(0,0,0,0.2);
				text-decoration: none;
				display: block;
				width: 269px;
				height: 45px;
				-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05);
				   -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05);
				        box-shadow: inset 1px 0 0 rgba(255,255,255,0.05), inset -1px 0 0 rgba(255,255,255,0.05);
			}
			#pxu-cm-modal-tabs .active a,
			#pxu-cm-modal-tabs a:hover {
				color: #fff;
			}

		#pxu-cm-modal-content {
			background: #fff;
			height: 320px;
			width: 100%;
			overflow:hidden;
			position: relative;

		}
			#pxu-cm-modal-panels {
				width: 1620px;
				position: absolute;
				left: 0;
				top: 0;
			}
			.pxu-cm-modal-panel {
				padding: 0 60px;
				float: left;
				width: 420px;
				height: 320px;
				overflow: auto;
			}
			#pxu-cm-askus .pxu-cm-panel-content, #pxu-cm-askus .pxu-cm-panel-title {
				text-align: center;
			}
			.pxu-cm-panel-content {
				padding-top: 30px;
			}
			.pxu-cm-panel-content,
			.pxu-cm-panel-content p,
			.pxu-cm-panel-content ul,
			.pxu-cm-panel-content ol {
				font-size: 13px;
				line-height: 20px;
				color: #7B7E81;
				text-shadow: none;
			}
			.pxu-cm-panel-content h2.pxu-cm-panel-title {
				margin-top:0;
			}
			.pxu-cm-panel-content ul,
			.pxu-cm-panel-content ol {
				margin-top: 15px;
			}
			.pxu-cm-panel-content a,
			.pxu-cm-panel-content a:visited {
				color: #097C9A;
			}
			.pxu-cm-panel-content a:hover {
				color: #095164;
				text-decoration: underline;
			}
			.pxu-cm-panel-content h1,
			.pxu-cm-panel-content h2,
			.pxu-cm-panel-content h3,
			.pxu-cm-panel-content h4,
			.pxu-cm-panel-content h5,
			.pxu-cm-panel-content h6 {
				color: #3f4347;
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-weight: 500;
				line-height: 1.2;
				margin: 30px 0 -5px;
				text-align: left;
				letter-spacing: normal;
			}
			.pxu-cm-panel-content h2 {
				font-size: 20px;
				margin: 30px 0 10px;
			}
			.pxu-cm-panel-content h3 {
				font-size: 16px;
			}
			.pxu-cm-panel-content h4 {
				font-size: 14px;
			}
			.pxu-cm-panel-content h5 {
				font-size: 13px;
				text-transform: uppercase;
				letter-spacing: 1px;
			}
			.pxu-cm-panel-content p {
				margin-bottom: 0;
				margin-top: 15px;
			}
			.pxu-cm-panel-content p.lead {
				font-size: 14px;
				color: #ACAFB2;
				line-height: 24px;
			}
			.pxu-cm-panel-content ul {
				list-style-type: disc;
				margin-left: 0;
			}
			.pxu-cm-panel-content img {
				max-width: 100%;
				height: auto !important;
				display: block;
				margin-top: 20px;
			}
			.pxu-cm-panel-content blockquote {
				background-color: #f1f1f1;
				padding: 10px 18px;
				margin: 10px 0;
				border-left: 3px solid #bbb;
				font-size: 13px;
				line-height: 1.5;
			}
			.pxu-cm-panel-content pre,
			.pxu-cm-panel-content code { font-family: Monaco, Consolas, "Courier New", monospace }
			.pxu-cm-panel-content pre {
				color: #666;
				display: block;
				width: auto;
				background: #eee;
				font-size: 12px;
				padding: 10px;
				margin: 15px 0;
				text-shadow: 0 1px #fff;
				overflow: auto;
				white-space: pre;
			}
			.pxu-cm-panel-content .tooltip {
				color: #acafb2;
			}
			#pxu-cm-modal-content #ask_form {
				/* reset all styles in case the current theme is altering it */
				margin: 0;
				padding: 0;
				width: 100%;
				display: block;
				visibility: visible;

				/*start new styles */
				margin-top: 15px;
			}
		#pxu-cm-modal-footer {
			background: #fff url(modal_footer_bg.png) left bottom repeat-x;
			height: 65px;
			text-align: center;
			position: relative;
			-webkit-border-bottom-right-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			   -moz-border-radius: 0 0 5px 5px;
			        border-radius: 0 0 5px 5px;
		}
			#pxu-cm-modal-footer .logo {
				background: url(logo_desat.png) 15px top no-repeat;
				width: 98px;
				height: 25px;
				margin-top: 18px;
				text-indent: -999em;
				display: inline-block;
				padding: 0 15px;
			}
			#pxu-cm-modal-footer .logo:before,
			#pxu-cm-modal-footer .logo:after {
				content: '';
				background: #EBEBEB;
				display: block;
				width: 140px;
				height: 1px;
				position: absolute;
				left: 60px;
				top: 32px;
			}
			#pxu-cm-modal-footer .logo:after {
				left: auto;
				right: 60px;
			}

/* jscrollpane */
.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
/* 	left: 0 !important; */
}
.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 5px;
    width: 6px;
    height: 100%;
}
.jspDrag {
	background: #ccc;
	background: rgba(0,0,0,0.2);
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	-webkit-border-radius: 16px;
	   -moz-border-radius: 16px;
	        border-radius: 16px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}
.jspCap
{
	height: 5px;
}