/**
 * Copyright by Intland Software
 *
 * All rights reserved.
 *
 * This software is the confidential and proprietary information
 * of Intland Software. ("Confidential Information"). You
 * shall not disclose such Confidential Information and shall use
 * it only in accordance with the terms of the license agreement
 * you entered into with Intland.
 *
 * $Revision$ $Date$
 */

/*
 *	CSS for star-rating. See rating.js for details.
 */
.rating {
    cursor: pointer;
    clear: both;
    display: block;
}

.rating:after {
    content: '.';
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden;
}

.star {
    float: left;
    width: 17px;
    height: 15px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
}

.star a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#ratingdiv {
    height: 35px;
}

/* for disabled rating control use normal cursor */
.rating-disabled, .rating-disabled .star {
	cursor: default;
}

/**
 * Showing the rating star images from a sprite.
 */
.star, .star a, .star div {
	background: url(../images/sprite-rating-stars.png) no-repeat 0 0px;
	/* star-empty.png*/
	background-position: -0px -0px ;
	width: 16px; height:16px;
}

div.rating div.on a, div.rating div.on div {
    background: url(../images/sprite-rating-stars.png) no-repeat 0 0px;
    /* star-full.png*/
	background-position: -21px -0px ;
	width: 16px; height:16px;
}

div.rating div.hover a {
	/* star-full-red.png*/
    background: url(../images/sprite-rating-stars.png) no-repeat 0 0px;
	background-position: -42px -0px ;
	width: 16px; height:16px;
}

/**
 * container for ratings widget (same look as .labellist)
 */
.ratingwidget {
	font-size: 8pt;
	height: 16px;
}

.ratingwidget a {
	font-size: 8pt;
}

.ratingwidget {
	color: black;
}

/* style when the rating/voting is being submitted */
.rating-submitting, .rating-submitting a {
	cursor: wait;
}

/**
 * Fixes that partial (below 100% width) rating stars does not look good on FireFox/IE7 when inside a table
 */
td .rating .star a {
   float:left;
}

/*
 * set the width to avoid wrapping the stars vertically
 */
.rating {
	width: 80px; /* 5x16*/
}

/** classes for forum post's rating */
/* float the widget right, so will be in one line with the edit/delete icons */
.forumsModule .ratingwidget {
	float: right;
	padding-left: 10px;
}


/* -------- voting CSS widget definitions -------------*/
.votingwidget {
	padding-right: 14px;
}
.votingwidget a, .votingwidget a:hover, .votingwidget a:active{
	margin: 0;
	text-decoration: none;
	outline: none;
}
.no-vote, .yes-vote {
	padding-left:16px; padding-bottom: 8px;/* sets the width and height */
	background: none no-repeat;
}
/*
   Using CSS sprite for yes/no voting icons,
   Note: the "yes" image is moved a bit up and "no' is moved a bit down (2px) than the one generated to make it look nicer.
 */
.yes-vote {
	background-image: url("../images/sprite-voting.png");
	background-position: -48px -2px ;
	width: 19px; height:19px;
}
.no-vote {
	background-image: url("../images/sprite-voting.png");
	background-position: -72px 2px ;
	width: 19px; height:19px;
}
.yes-vote:hover, .voted-as-positive .yes-vote {
	background-image: url("../images/sprite-voting.png");
	background-position: 0px -2px ;
	width: 19px; height:19px;
}
.no-vote:hover, .voted-as-negative .no-vote {
	background-image: url("../images/sprite-voting.png");
	background-position: -24px 2px ;
	width: 19px; height:19px;
}

/* cursor should not be hand when over your last vote */
.voted-as-positive .yes-vote, voted-as-negative .no-vote {
	cursor: default;
}

.votingtotal {
	font-weight: bold;
	font-size: 11pt;
	vertical-align: top;
}
.vote-positive, .voted-total-positive .votingtotal{
	/*color: green;*/
	/*color: white; */
	/*color: #80FF00;*/
	color: white;
}
.vote-negative, .voted-total-negative .votingtotal {
	/*color: red;*/
	color: #FF3D3D;
	/*color: #FF9700; */ /* same orange as on issues pages */
	/*color: purple;*/
}

/* slightly different colors in tootip because of the yellow background */
.yui-tt .vote-positive {
	color: green;
}
.yui-tt .vote-negative {
	color: red;
}