/**

 * @copyright	Copyright (c) 2012 Skyline Software (http://extstore.com). All rights reserved.

 * @license		GNU General Public License version 2 or later; see LICENSE.txt

 */



/** GENERAL */



#sl_downloads .sl_button,

#sl_downloads a.sl_button,

#sl_downloads .sl_button-long,

.sl_license .sl_button {

	float: left;

	background: url("../images/form-button-left.png") no-repeat scroll left top transparent;

	border: medium none;

	color: #FFFFFF;

	cursor: pointer;

	display: inline-block;

	height: 28px;

	margin: 0 0 5px;

	overflow: visible;

	padding: 0 5px 0 10px;

	vertical-align: middle;

	text-align: center;

	text-decoration: none;

	text-transform: uppercase;

	font-family: inherit;

	font-size: 11px;

}



#sl_downloads .sl_button span,

#sl_downloads a.sl_button span,

.sl_license .sl_button span {

	background: url("../images/form-button-right.png") no-repeat scroll right top transparent;

	display: block;

	font-weight: bold;

	height: 28px;

	line-height: 27px;

	margin-top: 0px;

	padding-right: 15px;

	white-space: nowrap;

}



#sl_downloads a.sl_button span {

	margin-top: 0;

}



#sl_downloads .sl_button:hover span,

#sl_downloads .sl_button:active span,

#sl_downloads .sl_button:focus span,

#sl_downloads a.sl_button:hover span,

#sl_downloads a.sl_button:active span,

#sl_downloads a.sl_button:focus span,

.sl_license .sl_button:hover span,

.sl_license .sl_button:active span,

.sl_license .sl_button:focus span {

	background: url("../images/form-button-right.png") no-repeat scroll right bottom transparent;

}



#sl_downloads .sl_button:hover,

#sl_downloads .sl_button:active,

#sl_downloads .sl_button:focus,

#sl_downloads a.sl_button:hover,

#sl_downloads a.sl_button:active,

#sl_downloads a.sl_button:focus,

.sl_license .sl_button:hover,

.sl_license .sl_button:active,

.sl_license .sl_button:focus {

	background: url("../images/form-button-left.png") no-repeat scroll left bottom transparent;

}



:root #sl_downloads .sl_button span,

:root a.sl_button span,

:root .sl_license .sl_button span {

	margin-top: 0 \9;

}



@media \0screen {

	#sl_downloads .sl_button span,

	.sl_license .sl_button span,

	a.sl_button span {

		margin-top: 0;

	}

}



#sl_downloads a.sl_button:hover,

#sl_downloads a.sl_button:visited,

#sl_downloads a.sl_sbutton:hover,

#sl_downloads a.sl_sbutton:visited {

	text-decoration: none;

}



#sl_downloads .sl_clear {

	clear: both;

}



#sl_downloads .sl_buttonbar {

	padding-top: 20px;

	padding-bottom: 40px;

	text-align: center;

}



#sl_downloads .sl_left {

	float: left;

	margin-right: 10px;

}



/** CATEGORY LIST */



#sl_downloads ul.sl_subcats,

#sl_downloads ul.sl_documents {

	margin: 15px 0;

	padding: 0;

}



#sl_downloads ul.sl_subcats li,

#sl_downloads ul.sl_documents li {

	list-style: none;

	background: url(../images/gradient.png) 0 0 repeat-x;

	padding: 15px 15px 35px 0;

}



#sl_downloads .sl_thumb {

	float: left;

	width: 160px;

	text-align: center;

}



#sl_downloads .sl_thumb img {

	padding: 0 20px;

}



#sl_downloads .sl_subcats .sl_details {

	margin-left: 110px

}



#sl_downloads .sl_category .sl_details {

	margin-left: 130px;

}



#sl_downloads .sl_documents .sl_document .sl_details {

	margin-left: 160px;

}



#sl_downloads .sl_document-container .sl_details {

	margin-left: 210px;

}



#sl_downloads .sl_document-container .sl_thumb img {

	padding: 0 0 15px 15px;

}



#sl_downloads .sl_document-container .sl_desc {

	padding-top: 5px;

}



#sl_downloads .sl_category {

	border-bottom: 5px solid #E5E5E5;

	margin-bottom: 30px;

	overflow: hidden;

	padding-bottom: 15px;

}



#sl_downloads .sl_details h4 {

	font-size: 130%;

	padding: 0;

	margin: 0 0 15px 0;

}



#sl_downloads .sl_details h4 a {

	font-weight: bold;

	/* border-bottom: 1px solid; */

}



#sl_downloads .sl_details h4 a:hover, #sl_downloads .sl_details h4 a:link

#sl_downloads .sl_details h4 a:active, #sl_downloads .sl_details h4 a:focus {

	background: none;

	color: #095197;

}



#sl_downloads .sl_details h4 img {

	margin-left: 5px;

	position: relative;

	top: 3px;

}



#sl_downloads .sl_details h4 a span.small_info {

	font-size: 80%;

	font-weight: normal;

	padding-left: 3px;

}



#sl_downloads .sl_details a {

	text-decoration: none;

}



#sl_downloads .sl_documents dl.sl_props {

	background: none repeat scroll 0 0 #ECF4FB;

	border: 1px solid #CADAE7;

	padding: 5px 10px 5px 10px;

	margin: 0 10px 5px 10px;

	float: right;

}



#sl_downloads .sl_props dt {

	float: left;

	width: 100px;

	font-weight: bold;

	padding: 0;

}



#sl_downloads .sl_props dd {

	margin-left: 100px;

	padding: 0;

}



#sl_downloads .sl_buttons,

#sl_downloads .sl_buttons {

	padding-top: 5px;

	overflow: hidden;

	clear: both;

}



#sl_downloads .sl_document-container {

	background: none repeat scroll 0 0 #ECF4FB;

	border: 1px solid #CADAE7;

	padding: 0;

}



#sl_downloads .sl_document-container #sl_document {

	padding: 15px 15px 20px 0;

}



#sl_downloads .sl_props .sl_prop {

	line-height: 19px;

	padding-top: 5px;

}



#sl_downloads .sl_document-container .sl_props .sl_prop {

	background: url("../images/dot.gif") repeat-x scroll left bottom transparent;

}



/** RATING */



#sl_downloads .sl_vote-container {

	display: inline-block;

	line-height: 25px;

	vertical-align: middle;

}



#sl_downloads .sl_vote-container-small {

	display: inline-block;

	line-height: 22px;

	vertical-align: middle;

}



#sl_downloads ul.sl_vote-stars {

	height: 25px;

	width: 125px;

	padding: 0 !important;

	margin: 0 !important;

}



#sl_downloads ul.sl_vote-stars-small {

	height: 22px;

	width: 110px;

	padding: 0 !important;

	margin: 0 !important;

}



#sl_downloads ul.sl_vote-stars li,

#sl_downloads ul.sl_vote-stars-small li {

	background-position: 0 !important;

	padding: 0 !important;

	margin: 0 !important;

}



#sl_downloads ul.sl_vote-stars,

#sl_downloads ul.sl_vote-stars li a:hover,

#sl_downloads ul.sl_vote-stars li.current-rating {

	background-image: url(../images/star.gif) !important;

	background-color: transparent !important;

	background-repeat: repeat-x !important;

	background-position: left -1000px;

}



#sl_downloads ul.sl_vote-stars-small,

#sl_downloads ul.sl_vote-stars-small li a:hover,

#sl_downloads ul.sl_vote-stars-small li.current-rating {

	background-image: url(../images/star_small.gif) !important;

	background-color: transparent !important;

	background-repeat: repeat-x !important;

	background-position: left -1000px;

}



#sl_downloads ul.sl_vote-stars,

#sl_downloads ul.sl_vote-stars-small {

	background-position: left top;

	list-style-image: none;

	list-style-position: outside;

	list-style-type: none;

	margin: 0pt;

	overflow: hidden;

	padding: 0pt;

	position: relative;

}



#sl_downloads ul.sl_vote-stars li,

#sl_downloads ul.sl_vote-stars-small li {

	background-image: none;

	display: inline;

	padding: 0pt;

}



#sl_downloads ul.sl_vote-stars li a,

#sl_downloads ul.sl_vote-stars li.current-rating,

#sl_downloads ul.sl_vote-stars-small li a,

#sl_downloads ul.sl_vote-stars-small li.current-rating {

	border: medium none;



	left: 0pt;

	outline-color: -moz-use-text-color;

	outline-style: none;

	outline-width: medium;

	overflow: hidden;

	position: absolute;

	text-indent: -1000em;

	top: 0pt;

}



#sl_downloads ul.sl_vote-stars li a,

#sl_downloads ul.sl_vote-stars li.current-rating {

	height: 25px;

	line-height: 25px;

}



#sl_downloads ul.sl_vote-stars-small li a,

#sl_downloads ul.sl_vote-stars-small li.current-rating {

	height: 22px;

	line-height: 22px;

}



#sl_downloads ul.sl_vote-stars li a:hover,

#sl_downloads ul.sl_vote-stars-small li a:hover {

	background-position: left bottom !important;

}



#sl_downloads ul.sl_vote-stars li a:focus,

#sl_downloads ul.sl_vote-stars-small li a:focus {

	background: none;

}



#sl_downloads ul.sl_vote-stars li.current-rating,

#sl_downloads ul.sl_vote-stars-small li.current-rating {

	background-position: left center;

	z-index: 1;

}



#sl_downloads li a.sl-one-star {

	width: 20%;

	padding: 0;

	margin: 0;

	z-index: 6;

}



#sl_downloads li a.sl-two-stars {

	width: 40%;

	padding: 0;

	margin: 0;

	z-index: 5;

}



#sl_downloads li a.sl-three-stars {

	width: 60%;

	padding: 0;

	margin: 0;

	z-index: 4;

}



#sl_downloads li a.sl-four-stars {

	width: 80%;

	padding: 0;

	margin: 0;

	z-index: 3;

}



#sl_downloads li a.sl-five-stars {

	width: 100%;

	padding: 0;

	margin: 0;

	z-index: 2;

}



#sl_downloads .sl_vote-count {

	vertical-align: middle;

}



/** TABS */



#sl_downloads dl.tabs {

	float: left;

	margin: 10px 0 -1px 0;

	z-index: 50;

}



#sl_downloads dl.tabs:first-child {

	border-left: 1px solid #CADAE7;

}



#sl_downloads dl.tabs dt {

	float: left;

	padding: 0 10px;

	border: 1px solid #CADAE7;

	border-left: none;

	height: 32px;

	line-height: 32px;

	margin-left: 0;

	background: url(../images/tab.png) repeat-x;

	color: #666;

	font-weight: bold;

	margin-right: 0;

}



#sl_downloads dl.tabs dt.open {

	background-color: #fff;

	background-image: none;

	border-bottom: 1px solid #fff;

	z-index: 100;

	color: #000;

}



#sl_downloads dl.tabs dt.closed:hover {

	background-position: 0 -64px;

	border-bottom: 1px solid #019bc1;

	color: #fff;

}



#sl_downloads dl.tabs dt.open:hover {

	background-position: 0 -96px;

}



#sl_downloads div.current {

	background: none;

	clear: both;

	border: 1px solid #CADAE7;

	padding: 10px 10px;

	max-width: none;

}



#sl_downloads div.current dd {

	padding: 0;

	margin: 0;

}



#sl_downloads .sl_document_gallery a {

	 

	display: inline-block;

	padding: 3px;

	position: relative;

	text-align: center;

	vertical-align: middle;

	width: 250px;

	height: 250px;

	margin: 3px 20px 15px 1px;



 
}



#sl_downloads .sl_document_gallery a:hover,

#sl_downloads .sl_document_gallery a:active,

#sl_downloads .sl_document_gallery a:focus {

	background: none;

	border-color: #ccc;

}



#sl_downloads .sl_search-form-container {

	border-bottom: 3px solid #E5E5E5;

	margin-bottom: 20px;

}



#sl_downloads .sl_header {

	border-bottom: 1px dotted #E5E5E5;

	height: 65px;

	text-align: center;

	margin-bottom: 10px;

}



#sl_downloads .sl_header div {

	float: left;

	padding: 3px;

	width: 30%;

	text-align: center;

}



#sl_downloads .sl_header a:hover, #sl_downloads .sl_header a:link

#sl_downloads .sl_header a:active, #sl_downloads .sl_header a:focus {

	background: none;

	text-decoration: none;

	color: #095197;

}



div.sl_downloads-info .sl_document_gallery a:hover {

	background: none;

}



#sl_downloads .word1 .inputbox, #sl_document .inputbox {

	border: 1px solid #DDDDDD;

	color: #333333;

	font-size: 1em;

	/*margin: 0 10px;*/

	padding: 4px;

}



#sl_document .inputbox {

	margin-left: 0;

}



#sl_downloads .word1 .search_phrase {

	/*float: left;*/

	/*text-align: right;*/

	/*width: 16%;*/

	/*font-weight: bold;*/

	color: #333333;

}



#sl_downloads .word1 .checkbox {

	float: right;

	/*margin-top: 6px;*/

	width: 60%;

}



#sl_downloads .search fieldset {

	border: none;

	padding: 0;

}



#sl_downloads .sl_hot,

#sl_downloads .sl_new {

	float: right;

	width: 46px;

	height: 44px;

	margin: -16px -16px 0 0;

}



#sl_downloads .sl_hot {

	background: url("../images/icon-badge-hot.png") no-repeat top left;

}



#sl_downloads .sl_new {

	background: url("../images/icon-badge-new.png") no-repeat top left;

}



#sl_downloads a.sl_doc_url,

#sl_downloads a.sl_doc_url:hover,

#sl_downloads a.sl_demo_url,

#sl_downloads a.sl_demo_url:hover {

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 20px;

}



#sl_downloads a.sl_doc_url,

#sl_downloads a.sl_doc_url:hover {

	background-image: url(../images/doc.png);

	margin-right: 20px;

}



#sl_downloads a.sl_demo_url,

#sl_downloads a.sl_demo_url:hover {

	background-image: url(../images/demo.png);

}



#sl_downloads #sl_licenses-container {

	display: none;

}



.sl_license {

	margin: 38px;

}



.sl_license-content {

	background: #F2F2F2;

	border: 1px solid #CCC;

	height: 250px;

	overflow-x: hidden;

	overflow-y: scroll;

	width: 600px;

	padding: 5px;

	font-size: 13px;

}



.sl_license > h3 {

	font-size: 24px;

	font-weight: normal;

	padding: 0 0 20px;

}



.sl_license-buttons {

	padding-top: 30px;

	float: right;

	margin-right: -20px;

}



#sl_downloads form.download_form {

	float: left;

	padding-right: 5px;

}



.sl_document-info {

	margin-top: 5px;

}



div.tab-content div.tab-pane {

	border: 1px solid #ddd;

}



div.tab-content div.tab-pane div {

	padding: 10px;

}



#sl_downloads .nav {

	margin-bottom: 0;

}



#sl_downloads .nav-tabs {

	border-bottom: none;

}

/*Responsive*/

@media (max-width: 979px) {

	#sl_downloads .sl_documents dl.sl_props {

		float: left;

		margin-left: 0;

		margin-bottom: 10px;

		width: 94%;

	}



	#sl_downloads form.download_form {

		margin: 0;

	}

}



@media (min-width: 768px) and (max-width: 979px) {



}



@media (min-width: 640px) and (max-width: 767px) {



}



@media (min-width: 600px) and (max-width: 639px) {



}



@media (max-width: 599px) {

	#sl_downloads .sl_thumb {

		width: auto;

		text-align: left;

		margin-bottom: 10px;

	}



	#sl_downloads .sl_documents-container .sl_thumb {

		width: 100%;

	}



	#sl_downloads .sl_document-container .sl_thumb {

		width: 100%;

	}



	#sl_downloads .sl_document-container .sl_details {

		margin-left: 15px;

	}



	#sl_downloads .sl_thumb img {

		padding: 0;

	}



	#sl_downloads .sl_documents .sl_document .sl_details {

		margin-left: 0;

	}



	.sl_prop::before,

	.sl_prop::after {

		content: "";

		display: table;

		line-height: 0;

	}

	.sl_prop::after {

		clear: both;

	}

	.sl_prop::before,

	.sl_prop::after {

		content: "";

		display: table;

		line-height: 0;

	}

}



@media (max-width: 480px) {

	#sl_downloads .sl_header div {

		margin-right: 10px;

		width: auto;

	}

}



@media (min-width: 480px) and (max-width: 599px) {



}



@media (min-width: 360px) and (max-width: 479px) {

	#sl_downloads .sl_props dt {

		float: left;

		width: 32%;

	}



	#sl_downloads .sl_props dd {

		float: right;

		margin-left: 0;

		width: 67%;

	}

}



@media (max-width: 359px) {

	#sl_downloads .sl_props dt {

		float: left;

		width: 100%;

	}



	#sl_downloads .sl_props dd {

		float: left;

		margin-left: 0;

		width: 100%;

	}

}