/* Preview and publish styling */

.atmScrollPane {
	display: none;
}


#stacks_in_10 .jspContainer { 
	overflow: hidden;
	position: relative;
}

#stacks_in_10 .jspPane {
	background: transparent !important;
	position: absolute;
}



#stacks_in_10 .jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 100%;
	background: transparent;
}

#stacks_in_10 .jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 15px;
	background: transparent;
	display: none;
}

#stacks_in_10 .jspVerticalBar * {
	margin: 0;
	padding: 0;
	border-radius: 8px;
}

#stacks_in_10 .jspHorizontalBar * {
	margin: 0;
	padding: 0;
	border-radius: 8px;
}

#stacks_in_10 .jspCap {
	display: none;
}

#stacks_in_10 .jspHorizontalBar .jspCap {
	float: left;
}

#stacks_in_10 .jspTrack {
	background: transparent;
	position: relative;
}


#stacks_in_10 .jspTrack {
	background: rgba(147, 161, 161, 1.00) !important;
}


#stacks_in_10 .jspDrag { 
	background: rgba(38, 139, 210, 1.00);
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 8px;
}

#stacks_in_10 .jspDrag:hover {
	background: rgba(108, 113, 196, 1.00);
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 8px;
}

#stacks_in_10 .jspDrag:active {
	background: rgba(108, 113, 196, 1.00);
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
    border-radius: 8px;
}

#stacks_in_10 .jspHorizontalBar .jspTrack {
	float: left;
	height: 100%;
}

#stacks_in_10 .jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

#stacks_in_10 .jspArrow  {
	background: transparent url('../files/atmScrollPaneAdvanced/10.png') no-repeat;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
} 

/* pading and margin new */
#stacks_in_10 .jspArrow:hover {
	background: transparent url('../files/atmScrollPaneAdvanced/50.png') no-repeat;
}

#stacks_in_10 .jspArrow.jspDisabled {
	background: transparent url('../files/atmScrollPaneAdvanced/10.png') no-repeat;
	cursor: default;
}

#stacks_in_10 .jspArrow.jspDisabled:hover {
	background: transparent url('../files/atmScrollPaneAdvanced/10.png') no-repeat;
	cursor: default;
}

#stacks_in_10 .jspVerticalBar .jspArrow {
	height: 15px;
}

#stacks_in_10 .jspHorizontalBar .jspArrow {
	width: 15px;
	float: left;
	height: 100%;
}

#stacks_in_10 .jspArrowUp { 
	background-position: 0 0;
}

#stacks_in_10 .jspArrowDown {
	background-position: -65px 0 !important;
}

#stacks_in_10 .jspArrowLeft {
	background-position: -96px 0 !important;
}

#stacks_in_10 .jspArrowRight {
	background-position: -32px 0 !important;
}

#stacks_in_10 .jspVerticalBar .jspArrow:focus {
	outline: none;
}

#stacks_in_10 .jspCorner {
	background: transparent;
	float: left;
	height: 100%;
}


#stacks_in_10 .jspVerticalBar {
	width: 15px;
}

#stacks_in_10 .jspHorizontalBar {
	height: 15px;
}


#stacks_in_10 .atmScrollPane {
	background: transparent;
	width: 100%;
	height: 250px;
	overflow: auto;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	outline: none;
	float: left;
}