/**
 * @version		$Id$
 * @author		Pham Minh Tuan
 * @package		Joomla!
 * @subpackage	ZJ_DownloadsLite
 * @copyright	Copyright (C) 2008 - 2010 by Zerosoft. All rights reserved.
 * @license		http://www.gnu.org/licenses/old-licenses/gpl-2.0.html GNU/GPL version 2
 */

/** GENERAL */

#zj_downloadslite .zj_button,
#zj_downloadslite .zj_button-long {
	float: left;
	margin-right: 4px;
	display: block;
	width: 120px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	font-weight: bold;
	font-family: inherit;
	background: url(../images/button.png) 0 0 no-repeat;
	text-decoration: none;
	border: none;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 11px;
	padding-bottom: 2px;
	padding-top: 0;
	cursor: pointer;
}

#zj_downloadslite .zj_button-long {
	width: 160px;
	background: url(../images/button-long.png) 0 0 no-repeat;
}

#zj_downloadslite a.zj_button:hover,
#zj_downloadslite a.zj_button:visited,
#zj_downloadslite a.zj_sbutton:hover,
#zj_downloadslite a.zj_sbutton:visited {
	text-decoration: none;
}

#zj_downloadslite .zj_clear {
	clear: both;
}

#zj_downloadslite .zj_buttonbar {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

#zj_downloadslite .zj_left {
	float: left;
	margin-right: 10px;
}

/** CATEGORY LIST */

#zj_downloadslite ul.zj_subcats,
#zj_downloadslite ul.zj_documents {
	margin: 15px 0;
	padding: 0;
}

#zj_downloadslite ul.zj_subcats li,
#zj_downloadslite ul.zj_documents li {
	list-style: none;
	background: url(../images/gradient.png) 0 0 repeat-x;
	padding: 15px 15px 35px 0;
}

#zj_downloadslite .zj_thumb {
	float: left;
}

#zj_downloadslite .zj_thumb img {
	padding: 0 20px;
}

#zj_downloadslite .zj_subcats .zj_details {
	margin-left: 100px
}

#zj_downloadslite .zj_category .zj_details,
#zj_downloadslite .zj_documents .zj_document .zj_details {
	margin-left: 150px;
}

#zj_downloadslite .zj_document-container .zj_details {
	margin-left: 200px;
}

#zj_downloadslite .zj_document-container .zj_thumb img {
	padding: 0 0 10px 10px;
}

#zj_downloadslite .zj_document-container .zj_desc {
	
}

#zj_downloadslite .zj_category {
	border-bottom: 5px solid #E5E5E5;
	margin-bottom: 30px;
	overflow: hidden;
	padding-bottom: 15px;
}

#zj_downloadslite .zj_details h4  {
	font-size: 130%;
	padding: 0;
	margin: 0 0 15px 0;
}

#zj_downloadslite .zj_details h4 a {
	font-weight: bold;
	/* border-bottom: 1px solid; */
}

#zj_downloadslite .zj_details h4 img {
	margin-left: 5px;
	position: relative;
	top: 3px;
}

#zj_downloadslite .zj_details h4 a span.small_info {
	font-size: 80%;
	font-weight: normal;
	padding-left: 3px;
}

#zj_downloadslite .zj_details a {
	text-decoration: none;
}

#zj_downloadslite .zj_documents dl.zj_props {
	background: none repeat scroll 0 0 #ECF4FB;
	border: 1px solid #CADAE7;
	padding: 5px 10px 5px 10px;
	margin: 0 10px 5px 10px;
	float: right;
}

#zj_downloadslite .zj_props dt {
	float: left;
	width: 100px;
	font-weight: bold;
}

#zj_downloadslite .zj_props dd {
	margin-left: 100px;	
}

#zj_downloadslite .zj_buttons,
#zj_downloadslite .zj_buttons {
	padding-top: 5px;
	overflow: hidden;
	clear: both;
}

#zj_downloadslite .zj_document-container {
	background: none repeat scroll 0 0 #ECF4FB;
	border: 1px solid #CADAE7;
	padding: 15px 15px 20px 0;
}

#zj_downloadslite .zj_props .zj_prop {
	line-height: 19px;
	padding-top: 5px;
}

#zj_downloadslite .zj_document-container .zj_props .zj_prop {
	background: url("../images/dot.gif") repeat-x scroll left bottom transparent;
}

/** RATING */

#zj_downloadslite .zj_vote-container {
	display: inline-block;
	line-height: 25px;
	vertical-align: middle;
}

#zj_downloadslite .zj_vote-container-small {
	display: inline-block;
	line-height: 22px;
	vertical-align: middle;
}

#zj_downloadslite ul.zj_vote-stars {
	height: 25px;
	width: 125px;
	padding: 0 !important;
	margin: 0 !important;
}

#zj_downloadslite ul.zj_vote-stars-small {
	height: 22px;
	width: 110px;
	padding: 0 !important;
	margin: 0 !important;
}

#zj_downloadslite ul.zj_vote-stars li,
#zj_downloadslite ul.zj_vote-stars-small li {
	background-position: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

#zj_downloadslite ul.zj_vote-stars,
#zj_downloadslite ul.zj_vote-stars li a:hover,
#zj_downloadslite ul.zj_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;
}

#zj_downloadslite ul.zj_vote-stars-small,
#zj_downloadslite ul.zj_vote-stars-small li a:hover,
#zj_downloadslite ul.zj_vote-stars-small li.current-rating {
	background-image: url(../img/star_small.gif) !important;
	background-color: transparent !important;
	background-repeat: repeat-x !important;
	background-position: left -1000px;
}

#zj_downloadslite ul.zj_vote-stars,
#zj_downloadslite ul.zj_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;
}

#zj_downloadslite ul.zj_vote-stars li,
#zj_downloadslite ul.zj_vote-stars-small li {
	background-image: none;
	display: inline;
	padding: 0pt;
}

#zj_downloadslite ul.zj_vote-stars li a,
#zj_downloadslite ul.zj_vote-stars li.current-rating,
#zj_downloadslite ul.zj_vote-stars-small li a,
#zj_downloadslite ul.zj_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;
}

#zj_downloadslite ul.zj_vote-stars li a,
#zj_downloadslite ul.zj_vote-stars li.current-rating {
	height: 25px;
	line-height: 25px;
}

#zj_downloadslite ul.zj_vote-stars-small li a,
#zj_downloadslite ul.zj_vote-stars-small li.current-rating {
	height: 22px;
	line-height: 22px;
}

#zj_downloadslite ul.zj_vote-stars li a:hover,
#zj_downloadslite ul.zj_vote-stars-small li a:hover {
	background-position: left bottom !important;
}

#zj_downloadslite ul.zj_vote-stars li a:focus,
#zj_downloadslite ul.zj_vote-stars-small li a:focus {
	background: none;
}

#zj_downloadslite ul.zj_vote-stars li.current-rating,
#zj_downloadslite ul.zj_vote-stars-small li.current-rating {
	background-position: left center;
	z-index: 1;
}

#zj_downloadslite li a.zj-one-star {
	width: 20%;
	padding: 0;
	margin: 0;
	z-index: 6;
}

#zj_downloadslite li a.zj-two-stars {
	width: 40%;
	padding: 0;
	margin: 0;
	z-index: 5;
}

#zj_downloadslite li a.zj-three-stars {
	width: 60%;
	padding: 0;
	margin: 0;
	z-index: 4;
}

#zj_downloadslite li a.zj-four-stars {
	width: 80%;
	padding: 0;
	margin: 0;
	z-index: 3;
}

#zj_downloadslite li a.zj-five-stars {
	width: 100%;
	padding: 0;
	margin: 0;
	z-index: 2;
}

#zj_downloadslite .zj_vote-count {
	vertical-align: middle;
}

/** TABS */

#zj_downloadslite dl.tabs {
	float: left;
	margin: 10px 0 -1px 0;
	z-index: 50;
}

#zj_downloadslite dl.tabs:first-child {
	border-left: 1px solid #CADAE7;
}

#zj_downloadslite dl.tabs dt {
	float: left;
	padding: 0 10px;
	border: 1px solid #CADAE7;
	border-left: none;
	height: 24px;
	line-height: 24px;
	margin-left: 0;
	background: url(../images/tab.png) repeat-x;
	color: #666;
	font-weight: bold;
}

#zj_downloadslite dl.tabs dt.open {
	background-color: #fff;
	background-image: none;
	border-bottom: 1px solid #fff;
	z-index: 100;
	color: #000;
}

#zj_downloadslite dl.tabs dt.closed:hover {
	background-position: 0 -48px;
	border-bottom: 1px solid #019bc1;
	color: #fff;
}
#zj_downloadslite dl.tabs dt.open:hover {
	background-position: 0 -72px;
}

#zj_downloadslite div.current {
	clear: both;
	border: 1px solid #CADAE7;
	padding: 10px 10px;
}

#zj_downloadslite div.current dd {
	padding: 0;
	margin: 0;
}

#zj_downloadslite .zj_document_gallery a {
	border: 1px solid #CADAE7;
	display: inline-block;
	margin: 3px 1px;
	padding: 3px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 180px;
}

#zj_downloadslite .zj_search-form-container {
	border-bottom: 3px solid #E5E5E5;
}

#zj_downloadslite .zj_header {
	border-bottom: 1px dotted #E5E5E5;
	height: 65px;
	text-align: center;
	margin-bottom: 10px;
}

#zj_downloadslite .zj_header div {
	float: left;
	padding: 3px;
	width: 30%;
	text-align: center;
}