/*

Plugin Name: Feature Suggest

Plugin homepage: http://sailbirdmedia.com/feature-suggest-plugin

Description: Allows visitors to suggest and vote on features on

Origin: Tutorialzine's Feature Suggest App

		http://tutorialzine.com/2010/08/ajax-suggest-vote-jquery-php-mysql/

*/



#suggestion-heading {margin-bottom:35px}



.suggestionwrapper

	{margin:30px 0 0;}

	

ul.suggestions 

	{list-style:none; padding-bottom:35px; margin:0}



.suggestions li

	{background-color:#252524; padding:10px; margin:0 10px 10px;

	position:relative; font-size:18px; width:600px;

	overflow-x:hidden; word-wrap:break-word;;}



#suggest /*wrapper for new suggestion box*/

	{background-color:#252524; margin:0 0 50px 25px; padding:20px 20px 5px 20px; 

	width:580px;height:330px;}



#suggest p {position: relative; clear:both; border:1px solid #252524;}



.rounded, #suggest, .suggestions li, #suggestionContent 

	{-moz-border-radius-topleft:12px; -moz-border-radius-bottomright:12px;

	-webkit-border-top-left-radius:12px; -webkit-border-bottom-right-radius:12px;

	border-top-left-radius:12px; border-bottom-right-radius:12px;

	margin-left:0;}



#suggestHeader {margin:30px 0 5px 25px; background-color:pink}



#suggestionTitle /*new suggestion (post) title field*/

	{margin-right:20px; margin-top:0; outline:none; padding:4px 0 4px 14px;}



#suggestionContent  /*textarea for new suggestion*/

	{height:200px; padding:10px 0 4px 14px;}



#suggestionTitle, #suggestionContent,#suggest label 

	{font-family:Corbel,'Myriad Pro',Arial,Helvetica,sans-serif; text-shadow:1px 1px 0 white; font-size:18px;}



#suggest label 

	{padding:5px 15px;}



.suggestionContent-label 

	{margin-top:5px}



#suggestionTitle, #suggestionContent

	{border:1px solid #333333; color:#888; background-color:#F0F0F0; clear:both;

	width:555px; margin-bottom:20px; display:block; float:left;}

	

#submitSuggestion

	{width:95px; height:31px; background:url('../img/submit_button.png') no-repeat;

	text-transform:uppercase; text-indent:-9999px; overflow:hidden; border:none; cursor:pointer;

	display:block; margin:0 auto;}



#submitSuggestion:hover

	{background-position:left -31px;}



form.working #submitSuggestion

	{background-position:left bottom;}



.suggestions .text

	{line-height:1.4; padding:0 70px;}



#suggest label

	{color:#aaa; position:absolute; top:1px; left:1px;}



.suggestions .rating

	{color:#939393; font:Arial, Helvetica, sans-serif 18px;

	position:absolute; right:15px; bottom:12px;}



.vote {float:left;}



.vote span 

	{background:url('../img/vote_arrows.png') no-repeat; height:26px;

	float:left; width:26px; cursor:pointer; margin-right:4px;}



.vote.inactive span

	{opacity:0.5; filter: alpha(opacity = 50); cursor:default;}



.vote .down	

	{background-position:right top;}

.vote.active .up:hover

	{background-position:left bottom;}

.vote.active .down:hover

	{background-position:right bottom;}