@charset "UTF-8";

/* NOTE: You CANNOT use padding left or right for the unordered list div containers or the ul's as padding isn't accounted for in percentage widths floats, you can override the percentages from the module parameters by defining FIXED width columns and including !important after each rule */

.moduletable { width: 100% }

div#webslinkcontainer { /* Outer container div usually contained within Joomla .moduletable, settings you apply here will affect the preview, so best left minimal - used by Javascript so is required and useful for setting overrides */
	margin: 0;
	width: 100%;
	padding: 0;
	clear:both;
	display: block;
}

div#webslinkcontainer a { outline:none; }

div#webslinkcontainernomodulestyling { /* Clear all template styles for unique module styling */
	margin: 0;
	padding: 0;
	background: none;
	background-image: none;
	background-color: transparent;
	background-position: 0 0;
	border: none;
	font-size: 11px;
	font-weight: normal;
	text-transform:none;
	list-style:none;
	color: #000;
}

/* -------------------------- The Title --------------------------- */

div.wstop-left-title, div.wstop-right-title {
	background-image: url(../images/thedarkness/titlebackground.png);
	height: 52px;
	font-size: 2px;
}

.wstop-right-title {
	margin-top: -52px;
	margin-left: 40px;
}

.wstop-right-title { background-position: 100% 0; }

.wstitle { /* The ws title if shown */
	color: #fff;
	font-size: 16px;
	text-align:center;
	width: auto;
	padding-top: 18px;
	margin-right: 40px;
	font-weight: bold;
	letter-spacing:-.5px;
	padding-bottom: 1px;
	text-align: center !important;
}

.wstitlenowrapper { /* The ws title when theres no wrapper - allowing body color to override */
	font-size: 20px;
	text-align:center;
	width: auto;
	padding-top: 18px;
	margin-right: 40px;
	font-weight: normal;
	padding-bottom: 18px;
	letter-spacing:-.5px;
}

/* ------------------------ The Lists & Tabs ------------------------ */

.wscategories ul, .wslinks ul { /* The Unordered List Containers - Common Values */
	line-height: 150%; /* Affects the overall space between lines */
	list-style-type: none; /* Ensures theres no bullets */
	width: 100%;
	background-image: url(../images/thedarkness/innershadow.png);
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid #999;
	background-attachment: scroll;
	background-repeat: repeat;
}

ul#wsfilterselect, div.wsmanualfilter {
	z-index: 100;
	display: none;
}

ul#wsfilterselect { border: none; }

span.wsbrowserdisclaimer {
	font-size:10px;
	font-style:italic;
	color:#eee;
	display:none;
}

.wscategoriestab:hover, .wsfiltertab:hover, .wslinkstab:hover { cursor: pointer; }

ul#wscategoryselect li, ul#wslinkselect li, ul#wsfilterselect li { /* Styles of individual lists */
	background: none;
	background-image: url(../images/thedarkness/listbgdark.png); /* Must have image, no color! */
	background-color: transparent;
	margin: 0;
	margin-left: 0;
	font-size: 100%;
	color: #eee; /* Text colour */
	font-weight: normal;
	padding: 10px;
	border-bottom: 1px solid #000;
	border-left: 0 solid #000;
	display: block;
	cursor: pointer;
	line-height: 145%;
}

ul#wscategoryselect li, ul#wsfilterselect li { padding: 6px 10px 6px 10px; }


ul#wscategoryselect li,ul#wslinkselect li { cursor: pointer; }

ul#wslinkselect li {
	font-size:100%;
	font-weight:bold;
}

ul#wscategoryselect li:hover, ul#wslinkselect li:hover, ul#wsfilterselect li:hover { /* Styles of individual lists */
	background-image: url(../images/thedarkness/listbg.png);
	color: #000;
	font-weight: bold;
}

.wscategories, .wslinks, .wscolumnspacerone { /* Main List containers - widths defined in module */
	float: left;
	display: block
}

.wscolumnspacerone { height: 70px; }

.wscategories span.left, .wslinks span.left { /* The tab headings */
	background: url(../images/thedarkness/tabl.png) no-repeat;
	width: 12px;
	height: 36px;
	float: left;
	display: block;
}

.wscategories span.right, .wslinks span.right { /* The tab headings */
	background: url(../images/thedarkness/tabr.png) no-repeat right 0px;
	color: #fff;
	float: left;
	padding-top: 14px;
	padding-right: 24px;
	height: 22px;
	font-weight:bold;
	font-size: 13px;
	letter-spacing:-.5px;
	display: block;
}

.wslinkstab, .wscategoriestab, .wsfiltertab { float: left; }

div#wsselectedcolor { /* The SELECTION in the lists - jQuery obtains these values */
	background-image: url(../images/thedarkness/listbg.png);
	color: #000;
	display: none;
}

/* ------------------------ The Buttons ------------------------ */
span.wsclosepreview { /* Remove Favorite Icon */
	margin-right: 4px;
	margin-top: 2px;
	margin-left: 8px;
	cursor: pointer;
	padding:0;
	padding-left:15px;
	font-size:10px;
	background-image: url(../images/cancel.png);
	width: auto;
	height: 15px;
	background-repeat: no-repeat;
	display: block;
	float: right;
}
span.wsownwindowforpreview { /* Remove Favorite Icon */
	margin-right: 4px;
	margin-top: 2px;
	margin-left: 8px;
	cursor: pointer;
	padding:0;
	padding-left:15px;
	font-size:10px;
	background-image: url(../images/ownwindow.png);
	width: auto;
	height: 16px;
	background-repeat: no-repeat;
	display: block;
	float: right;
}
span.wsownwindow { 
	margin: 0;
	cursor: pointer;
	padding:0;
	background-image: url(../images/ownwindow.png);
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	display: block;
	float: right;
}
span.googlelink { 
	margin: 0 0 0 6px;
	cursor: pointer;
	padding:0;
	background-image: url(../images/google.png);
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	display: block;
	float: right;
}
span.wsownwindow2 { 
	margin: 5px 10px 0 0;
	padding: 0 0 0 20px;
	background: url(../images/ownwindow.png) left no-repeat;
	width: auto;
	height: 16px;
	display: inline-block;
	font-size: 90% !important;
	color: #ccc;
}
span.googlelink2 { 
	margin: 5px 10px 0 0;
	padding: 0 0 0 20px;
	background: url(../images/google.png) left no-repeat;
	width: auto;
	height: 16px;
	display: inline-block;
	font-size: 90% !important;
	color: #ccc;
}

span.wslinktitle { font-weight:bold; }


span.wslinkdescription { /* Found results text colouring */
	margin:3px 0 0 20px;
	background-image: url(../images/description.png);
	background-position: 0 5px;
	width: auto;
	height: auto;
	float: none;
	padding-left: 20px;
	padding-right: 20px;
	background-repeat: no-repeat;
	border: 0;
	font-size: 100%;
	padding-top: 5px;
	min-height:16px;
	display:block;
	line-height:120%;
	font-weight:normal;
	border-top:1px solid #888;
}

span.wsdateadded { /* Found results date modified icon */
	margin:0 0 0 20px;
	background-image: url(../images/date.png);
	background-position: 0 4px;
	width: auto;
	height: auto;
	float: none;
	padding-left: 20px;
	background-repeat: no-repeat;
	border: 0;
	font-size: 10px;
	font-style:italic;
	padding-top: 0;
	min-height:16px;
	font-weight:normal;
	display:block;
}

.wsoptions span.wsoptionsactive { /* Opens the Options panel, but is styled in this style */
	background-image: url(../images/info.png);
	background-repeat:no-repeat;
	float: left;
	width: 16px;
	height: 16px;
	display: block;
	margin-top: 3px;
}
/* Opens the Options panel, but is styled in this style */
span.wsoptionsactiveover {  background-image: url(../images/infohover.png); }

span.wslinktitle { 
	background-image: url(../images/ownwindow.png);
		background-repeat: no-repeat;
		padding:0 0 0 20px;
font-size:14px; }

span.wslinktitle:hover { cursor:pointer; }

/* ------------------------ Preview container and loading message ------------------------ */

#wslinkpreview { /* Font-size entered in module will apply to this id. */
	background-color: #fff;
	text-align:left;
	padding: 0;
	margin:0;
	width: 100%;
	display: block;
	overflow: auto !important;
	display: none;
	z-index: 500;
	border: 1px solid #999;
	border-right:none;
	border-top:none;
}

div#wslinklocation {
	background: url(../images/thedarkness/listbg.png) repeat scroll;
	margin-top: 10px;
	padding: 6px;
	border: none;
	display: none;
	width:auto;
	color:#000;
	border: 1px solid #999;
}

span.wslinkdomain {
	font-weight: bold;
	text-transform:none;
	display:block;
	float:left;
	padding-top:2px;
}

/* ------------------------ CSS Hacks ------------------------ */

div.clearFloat { /* Clears the ol' Floaters */
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}

/* ------------------------ Lightbox ------------------------ */

.wslightboxpopup { /* Text size for the lightbox link */ font-size: 16px; }

#wslightboxbackground { /* The background colour for the lightbox */
	background-color: black;
	margin: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 65555;
	max-height: 3000;
	filter: alpha(Opacity=0);
}

#wslightboxclose {
	background: url(../images/close.png);
	width: 80px;
	height: 35px;
	display: none;
	position: fixed;
	top: 20px !important;
	right: 20px !important;
	z-index: 65557;
}

#wslightboxclose:hover { background: url(../images/closehover.png); }

/* ------------------------ Filter ------------------------ */
div.wsmanualfilter {
	background-image: url(../images/thedarkness/innershadow.png); /* Must have image, no color! */
	background-color: transparent;
	color: #222; /* Text colour */
	font-weight: normal;
	display: block;
	width: 100%;
	cursor: pointer;
	border: 1px solid #999;
	background-attachment: scroll;
	background-repeat: repeat;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	margin: 0 !important;
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
}

div.wsinputbackdrop {
	background-image: url(../images/thedarkness/listbgblue.png); /* Must have image, no color! */
	background-color: transparent;
	margin:0;
	padding:0;
	display: block;
	width: 100%;
 cursor:
}

input#wsfilter { /* Text input field */
	background-image: url(../images/thedarkness/listbg.png);
	background-repeat:repeat-x;
	border: #999 1px dotted;
	float: left;
	padding: 4px;
	font-size: 11px;
	font-weight: bold;
	color: red;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 10px;
	width: 100px;
	height: 14px;
	font-size: 11px;
	display: block;
}

input#wsfilter:focus, input#wsfilter:hover {
	background-image: url(../images/thedarkness/listbgtan.png);
	background-repeat:repeat-x;
}

span.wsfilterbutton { /* Search button right of above */
	margin-top: 6px;
	margin-left: 5px;
	cursor: pointer;
	background-image: url(../images/search.png);
	width: 16px;
	height: 16px;
	float:left;
	background-repeat: no-repeat;
	overflow: hidden;
	position: static;
	display: block;
}

span.wsfilterbutton:hover { background-image: url(../images/searchhover.png); }

span.wsoptionsinfocontainer { display:none; }

/* ------------------------ Info Panel ------------------------ */


div.wsoptions { /* Outer Container -- see other css style files for opening button for options */
	margin-top: 3px;
	float: right;
	overflow: hidden;
	position: static;
	display: block;
	line-height: 130%;
}

div.wsoptionspanel { /* Main panel */
	padding: 10px;
	font-size: 10px;
	background: #333;
	color: #fff;
	margin-top: 15px;
	margin-left: -282px;
	width: 250px;
	height: auto;
	overflow: visible;
	position: absolute;
	display: none;
	border: 6px solid #000;
}

div.wsoptionsinfofield { /* ContainerS for information for hovers */
	background-image: url(../images/arrowclose.png);
	background-color: #444;
	border: 1px solid #777;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	padding: 4px;
	display: block;
}

div.wsoptionsinfofield:hover {
	background-image: url(../images/arrowopen.png);
	background-color: #555;
}
span.qvfoundresults { /* Found results text colouring */
	background: #333;
	font-size: 12px;
	font-weight: bold;
	color: white;
	display: block;
	width: 100%;
	position: fixed;
	text-align:center;
	top: 0;
	left: 0;
	display: none;
	z-index: 65557;
	padding: 10px;
	border: 1px solid white;
}
span.wsswiperlink a { font-size:6pt; }
#joomlarootdomain, #wsnothinghere, #wslinkdestination {display:none; }