/*
File Name:      Securelist Plug in Styles
Description:    Styles for all Securelist plugins
Author:         WebDevStudios
Author URI:     http://webdevstudios.com
Version:        0.1.0
*/

/* Table of Contents

	- Tabbed Widget
		- Structure
		- Primary Tabs
		- Secondary Tabs
		- Content Links
		- Categories
		- Year
	- Social Icons
	- Kaspersky Virus Watch
	- Readers Feedback
	- Related and Recent Posts
	- Pullquotes
	- Widget Pusher
	- Must Have Articles
	- Featured Video
	- Promo Boxes
	- Trending Discussions
	- Trending Posts
	- Table of Contents
	- Source
	- Top Authors
	- Threats Recent Posts
	- Related Links
	- Antiscroll for the tabbed widget

/*
Tabbed Widget
---------------------------------------------------------------------------------------------------- */

/* Structure
--------------------------------------------- */
.widget_tabbed_posts {
	margin: 0;
	padding: 0;
}

.tab-content {
	padding: 5px 10px 10px;
	text-transform: capitalize;
	width: 250px;
}

.tab-categories,
.tab-tags,
.tab-author {
	max-height: 600px;
	width: 100%;
	/*overflow-y: scroll;*/
}

ul.section-list {
	padding: 0 5px;
	position: relative;
}

ul.section-list li a {
	padding: 0;
}

.section-wrap {
	margin-bottom:0;
}

/* Primary Tabs
--------------------------------------------- */
.tabs .tab-link {
	font-family: 'LGBook', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	border-right: 1px solid #fff;
	float: left;
	text-transform: uppercase;
}

.tabs #tab-link-4 {
	border-right: none;
	width: 69px;
}

/* links */
.tabs a {
	background-color: #dbe3e2;
	padding: 6px;
}

.tabs a.active-tab {
	background-color: #ef333f;
	color: #fff;
}

.tabs a:hover {
	text-decoration: none;
}

/* Secondary Tabs (Tags & Author)
--------------------------------------------- */
#tabs-3 .tab-link a,
#tabs-4 .tab-link a {
	background-color: #fff;
	color: #0277c2;
	padding: 6px;
	margin-right: 2px;
}

#tabs-3 .tab-link a.active-tab,
#tabs-4 .tab-link a.active-tab {
	background-color: #000;
	color: #fff;
}

#tabs-3 .tab-link a:hover,
#tabs-4 .tab-link a:hover {
	background-color: #dbe3e2;
	color: #000;
}

#tabs-3 .tab-link a.active:hover,
#tabs-4 .tab-link a.active:hover {
	background-color: #000;
	color: #fff;
}

/* Content Links
--------------------------------------------- */
.tab-content a {
	padding: 5px;
}

.tab-content a:hover {
	background-color: #dbe3e2;
	text-decoration: none;
}

/* current links */
.tab-content a.current {
	background-color: #0277c2;
	color: #fff;
}

.tab-content a.current:hover {
	background-color: #0277c2;
}

/* Categories
--------------------------------------------- */
ul.category-archive {
	list-style: disc;
	margin-left: 20px;
}


/* Years
--------------------------------------------- */
.year-wrap {
	display: inline-block;
	position: relative;
	width: 140px;
}

ul.month-wrap {
	margin-left: 0 !important;
	padding: 0;
}

.month {
	display: inline-block;
}

/* date slider */
.date-archive {
	overflow: hidden;
}

.date-archive .viewport {
	float: left;
	height: 200px;
	overflow: hidden;
	position: relative;
	width: 140px;
}

.date-archive .buttons {
	display: block;
	padding: 10px;
}

.date-archive .prev {
	float: left;
}

.date-archive .next {
	float: right;
	position: relative;
	top: 0;
}

.date-archive .disable {
	opacity: 0;
	visibility: hidden;
}

.date-archive .overview {
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

.date-archive .overview li {
	float: left;
}


/*
Social Icons
---------------------------------------------------------------------------------------------------- */

.widget_social_icons {
	background-color: #fff;
}

ul.social-icons,
.widget ul.social-icons {
	margin-left: -5px;
}

.social-icon,
.social-icon a {
	display: block;
	float: left;
	height: 24px;
	list-style: none;
	margin: 0 5px 5px 5px;
	padding: 0;
	width: 24px;
	text-indent: -9999px;
}

.social-icon {
	background: url(/wp-content/plugins/wds-securelist-widgets/images/social-icons.png) no-repeat;
}

.social-icon:hover {
	filter:alpha(opacity=60);
	opacity: 0.6;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
}

.social-icons .twitter {
	background-position: 0 0;
}

.social-icons .facebook {
	background-position: -24px 0;
}

.social-icons .google {
	background-position: -48px 0;
}

.social-icons .linkedin {
	background-position: -72px 0;
}

.social-icons .youtube {
	background-position: -96px 0;
}

.social-icons .rss {
	background-position: -120px 0;
}

.social-icons .email {
	background-position: -144px 0;
}


/*
Readers Feedback
---------------------------------------------------------------------------------------------------- */

.widget_readers_feedback {
	background-color: #f7f7f7;
}

.single-threats .widget_readers_feedback {
	background-color: transparent;
}

ul.readers-feedback {
	list-style: none;
}

.readers-feedback .shr {
	display: inline-block;
	margin: 10px 10px 0 0;
	vertical-align: top;
}

.box-invisible {
	opacity: 0;
	height: 0px;
	overflow: hidden;
}

.box-visible {
	opacity: 1;
	height: auto;
	overflow: visible;
}


/*
Kaspersky Virus Watch
---------------------------------------------------------------------------------------------------- */

.widget_virus_watch .ico-virus-watch {
	float: left;
}

.widget_virus_watch ul {
	list-style-type: disc;
	margin-left: 100px;
}

.widget_virus_watch a {
	color: #007ac9;
}


/*
Related and Recent Posts
---------------------------------------------------------------------------------------------------- */

.widget_related_posts,
.widget_recent_posts {
	background-color: #f7f7f7;
}

.widget_related_posts ul,
.widget_recent_posts ul,
.widget_related_links ul {
	list-style-type: disc;
	padding-left: 20px;
}

.widget_related_posts li,
.widget_recent_posts li,
.widget_related_links li {
	padding: 0;

}


/*
Pullquotes
---------------------------------------------------------------------------------------------------- */

.pullquote {
	color: #9ab9ad;
	font-family: 'LGMedium', 'Arial Narrow Bold', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
}

/*
Pusher Widget
---------------------------------------------------------------------------------------------------- */


/*
Must Have Articles
---------------------------------------------------------------------------------------------------- */

.widget_must_have_articles h3.widget-title {
	font-family: 'LGMedium', 'Arial', Helvetica, sans-serif;
}

.widget_must_have_articles a {
	background: url(../images/ico-musthave.png) no-repeat 0 0;
	color: #232627 !important;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 16px;
	min-height: 16px;
	padding-left: 25px;
}


/*
Featured Video
---------------------------------------------------------------------------------------------------- */

.widget_featured_video {
	background-color: #dbe3e2;
}

.featured-video-video iframe {
	height: 214px;
	width: 289px;
}

.featured-video-video .embed-youtube {
	height: 214px;
	width: 289px;
}

.widget_featured_video .video-info {
	font-size: 13px;
	font-size: 1.3rem;
	margin-bottom: -2em;
}


/*
Promo Boxes
---------------------------------------------------------------------------------------------------- */

.widget_promo_boxes {
	background-color: #fff;
}

.promo-210x130 {
	height: 130px;
	margin-bottom: 10px;
	position: relative;
	width: 210px;
	z-index: 1;
}

.promo-210x130:before {
	background: url(/wp-content/plugins/wds-securelist-widgets/images/promo-box-bg.png);
	content: " ";
	display: block;
	filter: alpha(opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9);
	height: 100%;
	-khtml-opacity: .90;
	-moz-opacity: .90;
	-ms-filter: "alpha(opacity=50)";
	opacity: .90;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.promo-210x130:hover:before {
	opacity: 0.5;
}

.widget .promo-box .sharing-icons-wrap {
	bottom:0;
	left: auto;
	position: absolute;
	right: 0;
}

.widget .promo-box p.headline a,
.promo-box .sharing-icons a {
	color: #fff;
}

.sharing-icons-wrap .sharing-icons a {
	text-align: left;
	width: 100%;
}

.widget .promo-box li.sharing-icon p,
.widget .promo-box li.sharing-icon a {
	margin: 2px 0 0 2px;
}

.widget .promo-box p.headline a {
	font-size: 16px;
	font-size: 1.6rem;
}

.widget .promo-box p.headline a:hover,
.widget_promo_boxes .sharing-icon a:hover {
	text-decoration: none;
}

.widget_promo_boxes .headline a,
.widget_promo_boxes .sharing-icon a {
	font-style: normal;
}


/* Trending Discussions
---------------------------------------------------------------------------------------------------- */

.widget_trending_discussions {
	background-color: #fff;
}

.widget_trending_discussions h3.widget-title {
	font-family: 'LGMedium', 'Arial', Helvetica, sans-serif;
}

.trending-discussion {
	font-size: 10px;
	font-size: 1rem;
}

.trending-discussion .discussion-comments {
	background: url(/wp-content/plugins/wds-securelist-widgets/images/ico-trending-discussions.png) 100% 0 no-repeat;
	float: left;
	height: 26px;
	margin: 0 10px 0 0;
	display:inline-block;
}

.trending-discussion .discussion-comment-count {
	color: #fff;
	position: relative;
	top: 1px;
	padding: 0 2px;
	min-width: 20px;
	display: inline-block;
	text-align: center;
}

.trending-discussion .discussion-permalink {
	line-height: 14px;
	line-height: 1.4rem;
	overflow: hidden;
}

.trending-discussion .discussion-permalink a {
	color: #232627;
	font-size: 14px;
	font-size: 1.4rem;
	font-style: normal;
}

.trending-discussion .discussion-author {
	margin-left: 29px;
}

.trending-discussion .discussion-author a {
	color: #007ac9;
	font-style: normal;
}


/*
Trending Posts
---------------------------------------------------------------------------------------------------- */

.widget_trending_posts h3.widget-title {
	font-family: 'LGMedium', 'Arial', Helvetica, sans-serif;
}

.trending-post {
	font-size: 10px;
	font-size: 1rem;
}

.trending-post .views {
	background: url(/wp-content/plugins/wds-securelist-widgets/images/ico-pageviews.png);
	height: 17px;
	width: 71px;
}

.trending-post .view-count {
	color: #fff;
	font-size: 10px;
	font-size: 1rem;
	margin: 1px 0 0 25px;
}

.trending-post .trending-permalink {
	line-height: 14px;
	line-height: 1.4rem;
}

.trending-post .trending-permalink a {
	color: #232627;
	font-size: 14px;
	font-size: 1.4rem;
	font-style: normal;
}

.trending-post .trending-author a {
	color: #007ac9;
	font-style: normal;
}


/*
Table of Contents
---------------------------------------------------------------------------------------------------- */

.article-toc, .post-toc {
	margin-bottom: 14px;
}

.toc-title {
	background: url(/wp-content/plugins/wds-securelist-widgets/images/toc-title-back.png) left top;
	display: inline-block;
	left: -37px;
	height: 60px;
	position: relative;
	top: 0;
	z-index: 499;
	text-indent: 30px;
}

.is-sticky .toc-sticky .toc-title-off {
	background-image: url(../images/toc-title-off-bg.png);
	width: 37px;
}

.is-sticky .toc-sticky .toc-title-off .title {
	display: none;
}


.toc-title span {
	padding-right:30px;
	margin-bottom:7px;
	line-height:53px;
	background-size: auto;
	background: url(/wp-content/plugins/wds-securelist-widgets/images/toc-title-arrows.png) 100% -2px no-repeat;
	display: block;
	font-size: 20px;
	text-transform: uppercase;
	border-right:1px solid #99B9AD;
}
.toc-title-on span {
	background-position: 100% -62px;
}

.toc-title:hover{
	cursor: pointer;
}

.toc-container {
	position: relative;
}

ul.toc-list {
	background: #dce4e3;
	visibility: hidden;
	list-style: square;
	overflow: auto;
	padding: 30px 30px 12px 15px;
	position: absolute;
	margin: 0;
	width: 550px;
	top: 30px;
	z-index: 399;
}
ul.toc-list.selected {
	visibility:visible;
}

.toc-sub-list {
	list-style: square;
	margin-left: 15px
}

.toc-container .toc-black p.toc-title {
	color: #aaa;
}

.toc-container span.toc-toggle {
	font-weight: normal;
	font-size: 90%;
}

.toc-container p.toc-title + ul.toc-list {
	margin-top: 1em;
}

.toc-container a {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-style: italic;
	text-decoration: none;
}

.toc-wrap a:hover {
	text-decoration: underline;
}

.toc-sitemap-posts-letter {
	font-size: 1.5em;
	font-style: italic;
}

.toc-container ul {
	list-style-type: none;
}

.toc-page {
	background: url(/wp-content/plugins/wds-securelist-widgets/images/toc-page-bullet.png) no-repeat 4px 9px;
	padding-left: 15px;
}

.toc-page > a {
	color: #2e2e2e;
}

.toc-header {
	background: url(/wp-content/plugins/wds-securelist-widgets/images/toc-header-bullet.png) no-repeat 4px 9px;
	padding-left: 15px;
}

.toc-header-h2 {
	margin-left: 15px;
}
.toc-header-h3 {
	margin-left: 30px;
}
.toc-header-h4 {
	margin-left: 45px;
}
.toc-header-h5 {
	margin-left: 60px;
}
.toc-header-h6 {
	margin-left: 75px;
}


/*
Source
---------------------------------------------------------------------------------------------------- */

.widget_source {
	background-color: #f7f7f7;
}

.widget_source ul {
	list-style: disc;
	padding-left: 20px;
}


/*
Top Authors
---------------------------------------------------------------------------------------------------- */

.widget_top_authors h3.widget-title {
	font-family: 'LGMedium', 'Arial', Helvetica, sans-serif;
}

.widget_top_authors .author-post {
	clear: both;
}

.widget_top_authors .avatar {
	margin: 0 10px 0 0;
	width: 20px;
}

.widget_top_authors p.author-name,
.widget_top_authors .author-views {
	display: inline;
	font-size: 14px;
	font-size: 1.4rem;
	font-style: normal;
	line-height: normal;
	padding: 0;
	vertical-align: bottom;
}

.widget_top_authors p.author-name {
	color: #007AC9;
}

.widget_top_authors .author-views {
	font-size: 12px;
	font-size: 1.2rem;
	margin-left: 5px;
}


/*
Threats Recent Posts
---------------------------------------------------------------------------------------------------- */

.widget_threats_recent_posts {
	background-color: #f7f7f7;
}

.widget_threats_recent_posts .threats-block {
	margin-bottom: 5px;
}

.widget_threats_recent_posts .threat-title {
	font-family: 'LGBook', Arial, Helvetica, sans-serif;
}

.widget_threats_recent_posts .threats-block.current .threat-posts {
	display: block;
}

.widget_threats_recent_posts .threats-block h4 {
	margin: 0 0 5px;
	cursor: pointer;
}

.widget_threats_recent_posts .threats-block .threat-posts ul {
	list-style-type: disc;
	margin-left: -5px;
}

.widget_threats_recent_posts .threats-block .threat-posts ul li {
	list-style-position: inside;
	padding: 0 0 0 5px;
}

.widget_threats_recent_posts .threats-block .threat-posts ul li:hover {
	background: #ba7aa6;
	list-style-type: none;
}

.widget_threats_recent_posts .threats-block .threat-posts ul li:hover:before {
	color: #fff;
	content: "•";
	position: relative;
	top: 2px;
}

.widget_threats_recent_posts .threats-block .threat-posts ul li:hover a {
	margin-left: 7px;
}

.widget_threats_recent_posts .threats-block .threat-posts a {
	color: #077bc5;
	padding: 3px 5px;
}

.widget_threats_recent_posts .threats-block .threat-posts ul li:hover a,
.widget_threats_recent_posts .threats-block .threat-posts ul a:hover {
	color: #fff;
	text-decoration: none;

}


/*
Related Links
---------------------------------------------------------------------------------------------------- */

.widget_related_links {
	background-color: #f7f7f7;
}

.widget_related_links .widget-title {
	margin-bottom: 5px;
}

.widget_related_links li {
	margin: 0;
	padding: 0;
}


/*
Encyclopedia Tree
---------------------------------------------------------------------------------------------------- */

.encyclopedia .widget_advanced_menu {
	padding-left:0;
	padding-right:0;
}



#nav_menu-4,
#nav_menu-6 {
	background-color: #f7f7f7;
}

/* reset */
#nav_menu-4 li,
#nav_menu-6 li {
	margin: 0;
	padding: 0;
	width: auto;
}

/* sub-menus */
.menu-encyclopedia-tree-container{
	width: 240px;
}
.menu-encyclopedia-tree-container ul {
	list-style-type: none !important
}
.menu-encyclopedia-tree-container .top-level > .sub-menu {
	display: none;
}
.menu-encyclopedia-tree-container .sub-menu {
	margin: 0;
	padding-left: 10px;
	z-index: 999;
	-moz-transition:all .25s ease; -o-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease;
}
.menu-encyclopedia-tree-container .sub-menu li.menu-item {
	width: 100%;
	padding: 0;
}
.menu-encyclopedia-tree-container .menu-item.active .sub-menu {
	display:block;
}
.menu-encyclopedia-tree-container .sub-menu .current-menu-item > a {
	background: #d3d3d3;
}
.menu-encyclopedia-tree-container .top-level.current-menu-item > .sub-menu,
.menu-encyclopedia-tree-container .current-menu-parent > .sub-menu,
.menu-encyclopedia-tree-container .current-menu-ancestor > .sub-menu {
	display: block;
	opacity: 1;
}

/* all menu items */
.menu-encyclopedia-tree-container .menu-item a:before {
	content: ' • ';
	color: #000;
}
.menu-encyclopedia-tree-container .sub-menu .menu-item.menu-item-has-children > a:before {
	content: '▶ ';
	color: #000;
	font-size: 60%;
	cursor: s-resize;
}
.menu-encyclopedia-tree-container .sub-menu .menu-item.menu-item-has-children.open > a:before {
	content: '▼ ';
}
.menu-encyclopedia-tree-container .menu-item a {
	font-size: 12px;
	font-style: normal;
	color: #077bc5;
	padding: 3px 5px;
	text-decoration: none;
	display: block;
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
}
.menu-encyclopedia-tree-container .menu-item a:hover {
	background: #ba7aa6;
	color: #fff;
	text-decoration: none;
}


.menu-encyclopedia-tree-container .chevron {
	display:none;
	position:absolute; top:3px; right:0;
	width:40px;
	height:40px;
	background: url(../images/ico_arrow.png) no-repeat 50% 0;
	cursor:pointer;
}
.menu-encyclopedia-tree-container .chevron:hover {
	background-color:#eee;
}
.menu-encyclopedia-tree-container .active .chevron {
-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
}
.menu-encyclopedia-tree-container > ul > .menu-item-has-children {
	position:relative;
}
.menu-encyclopedia-tree-container > ul > .menu-item-has-children > a {
	margin-right:40px;
}
.menu-encyclopedia-tree-container > ul > .menu-item-has-children > .chevron {
	display:block;
}



/* top level menu items */
.menu-encyclopedia-tree-container .top-level > a:before {
	content: ' ';
}
.menu-encyclopedia-tree-container .top-level > a {
	font-family: 'LGBook', Arial, Helvetica, sans-serif;
	margin: 0 0 5px;
	color: #1F2021;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;
	font-style: normal;
	margin-bottom: 0;
	text-transform: capitalize;
}
.menu-encyclopedia-tree-container .top-level > a:hover {
	background-color: #fff;
	color: #1F2021;
	text-decoration: none;
}


/* TABBED WIDGET - ANTISCROLL */
.antiscroll-wrap {
  display: block;
  position: relative;
  overflow: hidden;
}

.antiscroll-scrollbar {
  background: gray;
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 0 1px #fff;
  -moz-box-shadow: 0 0 1px #fff;
  box-shadow: 0 0 1px #fff;
  position: absolute;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: linear 300ms opacity;
  -moz-transition: linear 300ms opacity;
  -o-transition: linear 300ms opacity;
}

.antiscroll-scrollbar-shown {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.antiscroll-scrollbar-horizontal {
  height: 7px;
  margin-left: 2px;
  bottom: 2px;
  left: 0;
}

.antiscroll-scrollbar-vertical {
  width: 7px;
  margin-top: 2px;
  right: 2px;
  top: 0;
}

.antiscroll-inner {
  overflow: scroll;
  padding-bottom:35px;
}

/** A bug in Chrome 25 on Lion requires each selector to have their own
    blocks. E.g. the following:

    .antiscroll-inner::-webkit-scrollbar, .antiscroll-inner::scrollbar {...}

    causes the width and height rules to be ignored by the browser resulting
    in both native and antiscroll scrollbars appearing at the same time.
 */
.antiscroll-inner::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.antiscroll-inner::scrollbar {
  width: 0;
  height: 0;
}