/*
	Styles for Barometer Plugin

*/

/* Helper Style */ 
.asbClear { clear:both; }

/* Main Container */
#asBarometer {
	width:140px;
	font-family: Georgia;
	overflow: hidden;
	margin:50px auto;
}

/* Plugin Title ( this may need updates ) */
html body #asBarometer .asBarTitle h2 {
	color:#D62731;
	font-size:13px;
	text-transform:uppercase;
	text-align: center;
	font-family:Arial;
	background:none;
	padding:inherit;
	margin:inherit;
}

/* Each Individual Result Box */
#asBarometer .asBarBlock {
	border-top:1px dotted #5c5c5c;
	text-align: center;
	padding:12px 5px;
}

/* Sets up the different colors and sizes of result boxes */
.asBarBlock .bp1 {	color:#854570; font-size: 32px; line-height: 35px; }
.asBarBlock .bp2 {	color:#4ca1b2; font-size: 28px; line-height: 32px; }
.asBarBlock .bp3 {	color:#724246; font-size: 24px; line-height: 28px; }
.asBarBlock .bp4 {	color:#4f6777; font-size: 21px; line-height: 25px; }
.asBarBlock .bp5 {	color:#4f6777; font-size: 18px; line-height: 22px; }
.asBarBlock .bp6 {	color:#4f6777; font-size: 14px; line-height: 16px; }

/* the text that dislays the feeling name */
#asBarometer .asBarMood {
	color:#244545;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	text-transform:uppercase;
}

/* The select box for readers to submit their feeling */
html body #asBarometer .asBarSelect {
	float:left;
	width:140px;
	padding-top:15px;
}

/* Rest is helper styles for ajax response and for other things */
.asBarSelect span.slTle {
	float:left;
	font-size: 14px;
}
.asBarSelect select.asbMood {
	float:right;
	margin:0 !important;
	width:103px !important;
}
#asBarVote { display: none; text-align: center; padding-top: 15px; }
#asBarVote img { vertical-align: middle; }
#asBarVote span { padding-right:7px; vertical-align: middle; }

#asBarVoted { display: none; text-align: center; padding-top: 15px; }

#randLink { display:none;}