/**
 * Module: Addons Center for Website Baker
 * The addons center module maintains the addons available for 
 * the Open Source CMS Website Baker (http://websitebaker2.org)
 *
 * Purpose of this file is to define the module frontend styles used.
 *
 * LICENSE: GNU General Public License 3.0
 * 
 * @author     Christian Sommer
 * @copyright  Christian Sommer (c) 2008
 * @license    http://www.gnu.org/licenses/gpl.html
 * @version    0.10
 * @platform   Website Baker 2.7
*/

/* STYLES START HERE */
div.thumbnail {
  background: #F0F0F4;
  margin: 0 15px 15px 0;
  float: left;
  width: 140px;
  border: 1px solid #CDE;
  padding: 5px;
}

div.thumbnail:hover { border: 1px solid #999; }

div.thumbnail p {
  margin: 0px;
  text-align: center;
  color: #444;
  line-height: 1.4em;
}

div.thumbnail .caption {
  font-weight: bold;
  color: #000;
}

div.thumbnail .keyword {
  color: green;
  
}

div.thumbnail span.license {
  vertical-align: top; 
}

div.thumbnail p.info {
  margin-top: 5px;
  font-size: 80%;
  color: #555; 
  text-align: center;
  line-height: 15px;
  text-align: center;
}

div.thumbnail p.link {
  margin-top: 3px;
  margin-bottom: 6px;
  font-size: 90%;
}

div.thumbnail p.link a {
  text-decoration: underline;
}

.message {
  color: green;
}

.warning {
  color: red;
}

.clearboth { 
  clear: both; 
  margin: 0;
}

p.page_navigation {
  font-size: 85%;
  color: #444;
  background: #F4F4F4;
  text-align: right;
  border: 1px solid #D3D3D3;
  display:block;
  padding: 2px;
}

p.page_navigation a, p.page_navigation a:link, p.page_navigation a:visited { color: blue; }
p.page_navigation a:hover, p.page_navigation a:active { color: red; }

.inactive_page { color: gray; }
.actual_page { color: red; }


div.template_details {
  width: 90%;
  border: 1px solid gray;
  background: #ECF3F7;
  color: #000;
  padding: 1em;
  font-size: 95%;
  margin: 1em;
}

div.template_details span.heading {
  font-size: 110%;
  font-weight: bold;
  color: #555;
}

div.template_details a {
  color: blue;
  background-color: inherit;
  font-weight: bold;
  text-decoration: underline;
}

div.list_items {
  line-height: 1.6em;
}

div.list_items dt { 
  margin-left: 1em;
  float: left;
  width: 12em; 
  font-weight: bold;
  line-height: 1.6em;
}

div.list_items dd { 
  margin-left: 12em; 
}

div.list_items dd.rating {
  line-height: 30px;
}

span.rated {
  position: relative;
  top: -2em;
  right: -11em;
}

span.tags {
 color: #888;
}

a.download {
  background: url(http://addons.websitebaker.org/modules/template_center/icons/download.png) center left no-repeat;
  border:0;
  padding:0;
  margin:0;
  padding-left: 20px;
}


/* styles for the star rater */	
.star-rating-wrap{
	white-space:nowrap;
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating li.current-rating {
	background: url(http://addons.websitebaker.org/modules/template_center/icons/star_rate.gif) left -1000px repeat-x;
}

.star-rating{
	position:relative;
	width:100px !important;
	height:25px !important;
	overflow:hidden !important;
	list-style:none;
	margin:0 !important;
	padding:0 !important;
	background-position: left top;
	display: block;
}

.star-rating li{
	display: inline;
	background: none !important;
	border: 0 !important;
}

ul.star-rating a, 
ul.star-rating li.current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
	height:25px !important;
	line-height:25px !important;
	outline:none;
	overflow:hidden;
	border: none;
	padding: 0 !important;
	margin: 0 !important;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus {
	background-position: left bottom;
}

.star-rating1 a:hover,
.star-rating1 a:active,
.star-rating1 a:focus {
	background: none;
}


.star-rating a.one-star {
	width:20%;
	z-index:6;
}

.star-rating a.two-stars {
	width:40%;
	z-index:5;
}

.star-rating a.three-stars {
	width:60%;
	z-index:4;
}

.star-rating a.four-stars {
	width:80%;
	z-index:3;
}

.star-rating a.five-stars {
	width:100%;
	z-index:2;
}

.star-rating li.current-rating{
	z-index:1;
	background-image: url(http://addons.websitebaker.org/modules/template_center/icons/star_rate.gif) !important;
	background-position: left center !important;
}