.wrapper {
    height: 100%;
    overflow: auto;
    width: 100%;
}
.wrapper.scrollbar-dynamic {
    max-height: none;
}
.page-content {
    margin: 0 auto;
    max-width: 1600px;
    padding: 25px;
}


/** Custom page styles **/


.contentx {
    max-width: 20%;
    position: absolute;
    float: right;
    top: 10px;
    bottom: 25px;
    right: 0;
    width: 20%;
}


.contentx .demo .inner-content {
    border: 1px solid #CCC;
    max-height: 450px;
    width: 600px;
}

.contentx .demo > div {
    max-height: 450px;
    overflow: auto;
}
.contentx .demo .permanent {
    min-width: 800px;
}
.controls {
    padding: 0 0 10px;
}
.controls span {
    cursor: pointer; padding: 2px 8px;
}
.controls span.active {
    background: #4698CE;
    color: #fff;
    cursor: default;
}
.prettyprint ol.linenums > li {
    list-style-type: decimal;
}
#lorem-ipsum {
    display: none;
}
	.scroll-wrapper {
	overflow: hidden !important;
	padding: 0 !important;
	position: relative;
	}

	.scroll-wrapper > .scroll-content {
	border: none !important;
	box-sizing: content-box !important;
	height: auto;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none !important;
	overflow: scroll !important;
	padding: 0;
	position: relative !important;
	top: 0;
	width: auto !important;
	}

	.scroll-wrapper > .scroll-content::-webkit-scrollbar {
	height: 0;
	width: 0;
	}

	.scroll-element {
	display: none;
	}
	.scroll-element, .scroll-element div {
	box-sizing: content-box;
	}

	.scroll-element.scroll-x.scroll-scrollx_visible,
	.scroll-element.scroll-y.scroll-scrolly_visible {
	display: block;
	}

	.scroll-element .scroll-bar,
	.scroll-element .scroll-arrow {
	cursor: default;
	}

	.scroll-textarea {
	border: 1px solid #cccccc;
	border-top-color: #999999;
	}
	.scroll-textarea > .scroll-content {
	overflow: hidden !important;
	}
	.scroll-textarea > .scroll-content > textarea {
	border: none !important;
	box-sizing: border-box;
	height: 100% !important;
	margin: 0;
	max-height: none !important;
	max-width: none !important;
	overflow: scroll !important;
	outline: none;
	padding: 2px;
	position: relative !important;
	top: 0;
	width: 100% !important;
	}
	.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
	height: 0;
	width: 0;
	}
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10;
}

.scrollbar-inner > .scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
	bottom: 2px;
	height: 8px;
	left: 0;
	width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
	height: 100%;
	right: 2px;
	top: 0;
	width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
	overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #fff; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #fff; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }
@media screen and (min-width: 480px) and (max-width:767px) {
.fws2 .contentx {max-width:100% !important;}
b.vidtitle{ display:none;}
.dropt p{ display:none;}
.contentx div li {
        display: block;
    float: left !important;
    list-style-type: none;
    list-style: none;
    padding: 6px 0 0 0px !important;
    line-height: 7% !important;
    margin-bottom: 0px;
    width: 20%;
}
.contentx div li img {
        height: 100% !important;
    width: 100% !important;
}
.contentx{position: relative !important;
    float: left !important;
    top: 10px !important;
    bottom: 20px !important;
    right: 0 !important;
    width: 100% !important;
}
.contentx .list{ height:66px !important;}
.contentx div {
    width: 100%;
    height: auto;
    margin-left: 0px;
    text-indent: 0px;
    list-style-type: none;
    list-style-position: inside;
    padding: 5px;
    margin-top: 0px;
}
.contentx div a {
    text-indent: 0px;
    display: block;
    background: #000;
    border: 1px solid #666;
    height: 86%;
    width: 57%;
    float: left;
    margin: 0;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    margin: 0;
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
    line-height: 200%;
    margin-left: 2px;
    margin-right: 2px;
}
}
@media only screen and (max-width: 479px) {
    body.post-has-video .rss_video_wrap{min-height: 200px;}
#all_content.boxed_width{
overflow: hidden;
}
.contentx {
    max-width: 100%;
     position: relative !important; 
    float: right;
    top: 10px;
    bottom: 25px;
    right: 0;
    width: 100% !important;
}
#videocontainer {
    height: auto !important;
    width: 100% !important;
    float: left;
}
b.vidtitle{ display:none;}
.dropt p{ display:none;}
.contentx div li {
        display: block;
    float: left !important;
    list-style-type: none;
    list-style: none;
    padding: 6px 0 0 0px !important;
    line-height: 7% !important;
    margin-bottom: 0px;
    width: 20%;
}
.contentx div li img {
    height: 52px !important;
    width: 75px !important;
}
.contentx{position: relative !important;
    float: left !important;
    top: 10px !important;
    bottom: 20px !important;
    right: 0 !important;
    width: 100% !important;
}
.contentx .list{ height:66px !important;}
.contentx div {
    width: 100%;
    height: auto;
    margin-left: 0px;
    text-indent: 0px;
    list-style-type: none;
    list-style-position: inside;
    padding: 0px;
    margin-top: 0px;
}
.contentx div a {
    text-indent: 0px;
    display: block;
    background: #000;
    border: 1px solid #666;
    height: 52px;
    width: 75px;
    float: left;
    margin: 0;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    margin: 0;
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
    line-height: 200%;
    margin-left: 2px;
    margin-right: 2px;
}
.inner {
overflow: hidden;
}
.contentx div li img{
height:90px;
width:100px;
}
.contentx div li {
    display: block;
    float: left;
    list-style-type: none;
    list-style: none;
    padding: 6px 0 0 10px;
    line-height: 179%;
}
}