/**
 * @package     hubzero-cms
 * @file        components/com_answers/assts/css/answers.css
 * @copyright   Copyright 2005-2013 Purdue University. All rights reserved.
 * @license     http://www.gnu.org/licenses/lgpl-3.0.html LGPLv3
 */

/*

	-- -- -- -- -- -- --
	com_answers CSS
	-- -- -- -- -- -- --

*/

/* Entries */
	.entry-state {
		text-transform: uppercase;
	}
	.entry-comments a:before {
		content: "\f0e6";
		font-family: "Fontcons";
		margin-right: 0.2em;
		color: #999;
	}
	.entries .reward {
		text-align: right;
	}

	.entry-date-at, 
	.entry-date-on {
		visibility: visible;
		display: inline;
	}

	.entries .entry-id:before {
		content: "\f0e5";
		font-family: "Fontcons";
	}
	.entries .answered .entry-id:before {
		content: "\f086";
		color: #a284db;
	}
	.entries .answered {
		background: #fcf9ff;
	}
	.entries .flagged .entry-id:before {
		content: "\2691";
	}
	.entries .mine {
		background: #ffe;
	}
	.entries .mine .entry-id:before {
		color: #cea638;
	}
	p.voting {
		float: right;
		min-width: 10em;
		margin: 0.7em 0 0.7em 0;
		padding: 0;
	}
	.container-block .entry-details {
		padding: 0.7em 0 0.7em 0;
	}
	.entry-popularity {
		display: none;
	}

	ol.comments .comment-options a.active:before {
		content: "\2716";
	}

/* Submenu styling */
	.filter-options li {
		float: left;
		margin: 0;
	}
	.user-options + .container {
		margin-top: 0;
	}
	.user-options li {
		display: inline;
		margin: 0 0.5em 0 0;
	}
	.user-options li a {
		display: inline-block;
		background: #fff;
		color: #888;
		cursor: pointer;
		font-weight: normal;
		line-height: 1em;
		border: none;
		margin: 0;
		padding: 0.75em 1em;
		text-shadow: 0px 1px 1px #fff;
		border: 1px solid #e9e9e9;
		border-bottom: none;
	}
	.user-options li a:hover {
		color: #fff;
		background-color: #666;
		border-color: #666;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		text-decoration: none;
	}
	.user-options li a.active,
	.user-options li a.active:hover {
		background: #ececec;
		border: 1px solid #ececec;
		border-bottom: none;
		color: #333;
	}

/* Rewards */
	.entry-reward {
		white-space: nowrap;
		color: #999;
	}
	.entry-reward a {
		width: 1em;
		height: 1em;
		display: inline-block;
		overflow: hidden;
		white-space: nowrap;
	}
	.entry-reward a:before {
		content: "\f006";
		font-family: "Fontcons";
		margin-right: 1em;
		font-size: 16px;
	}

/* Answer form */
	#answerform fieldset {
		padding: 0 1em 1em 1em;
		border: none;
		float: left;
		background: #FFFDEF;
		border: 1px solid #EFEAC2;
		color: #906C59;
		width:80%;
	}
	#answerform label {
		display: block;
		padding-top: 1.5em;
	}
	#answerform input, 
	#answerform select, 
	#answerform textarea {
		margin-top: 0.25em;
		width: 100%;
	}
	#answerform .option {
		display: inline;
		margin: 0 0.25em 0 0 !important;
		margin: 0;
		width: auto;
	}
	#commentform .submit {
		padding-top: 1em;
	}
	#answerform .submit input {
		width: auto;
		margin: 0;
	}

/* Introduction columns */
	.pointvalue a, 
	.questions .rewardset a {
		margin: 0 0.2em 0 0;
		padding: 0;
		border: none;
		display: inline-block;
		width: 1em;
		height: 1em;
		overflow: hidden;
		white-space: nowrap;
		font-size: 1.2em;
	}
	.pointvalue a:before {
		content: "\f006";
		font-family: "Fontcons";
		margin-right: 1em;
	}
	.pointvalue a:hover {
		border: none;
	}
	.pointvalue {
		color: #000;
		font-weight:bold;
		text-transform: lowercase;
		font-size: inherit;	
		padding: 0;
	}

/* Accept the answer */
	.aside .entry-status {
		padding: 1em;
		color: #ffffc0;
		margin: 0 0 1.61803399em 0;
		position: relative;
		overflow: hidden;
		zoom: 1;
		font-family: #cea638;
		background-image: -webkit-gradient(linear, 0 0, 100% 100%,
											color-stop(.25, rgba(255, 255, 255, .075)), color-stop(.25, transparent),
											color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .075)),
											color-stop(.75, rgba(255, 255, 255, .075)), color-stop(.75, transparent),
					 						to(transparent));
		background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .075) 25%, transparent 25%,
										transparent 50%, rgba(255, 255, 255, .075) 50%, rgba(255, 255, 255, .075) 75%,
										transparent 75%, transparent);
		background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .075) 25%, transparent 25%,
										transparent 50%, rgba(255, 255, 255, .075) 50%, rgba(255, 255, 255, .075) 75%,
										transparent 75%, transparent);
		background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .075) 25%, transparent 25%,
										transparent 50%, rgba(255, 255, 255, .075) 50%, rgba(255, 255, 255, .075) 75%,
										transparent 75%, transparent);
		background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .075) 25%, transparent 25%,
										transparent 50%, rgba(255, 255, 255, .075) 50%, rgba(255, 255, 255, .075) 75%,
										transparent 75%, transparent);
		background-image: linear-gradient(-45deg, rgba(255, 255, 255, .075) 25%, transparent 25%,
										transparent 50%, rgba(255, 255, 255, .075) 50%, rgba(255, 255, 255, .075) 75%,
										transparent 75%, transparent);
		-webkit-background-size: 30px 30px;
		   -moz-background-size: 30px 30px;
		        background-size: 30px 30px;
		border: .27em solid #eee;
		-webkit-border-radius: 0.27em;
		   -moz-border-radius: 0.27em;
		        border-radius: 0.27em;
		-webkit-transition: all ease-in-out 0.2s;
		   -moz-transition: all ease-in-out 0.2s;
		     -o-transition: all ease-in-out 0.2s;
		        transition: all ease-in-out 0.2s;
		-webkit-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.15);
		   -moz-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.15);
		        box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.15);
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
		text-transform: uppercase;
		text-align: center;
		font-weight: bold;
	}
	.aside .entry-status:hover {
		-webkit-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.2), inset 0 0 3.97em rgba(0, 0, 0, 0.3);
		   -moz-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.2), inset 0 0 3.97em rgba(0, 0, 0, 0.3);
		        box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.2), inset 0 0 3.97em rgba(0, 0, 0, 0.3);
	}
	.aside .entry-status.closed {
		background-color: #949494;
		color: #f1f1f1;
		border-color: #777;
	}
	.aside .entry-status.open {
		background-color: #619926;
		color: #e9ffae;
		border-color: #3f7704;
	}
	.aside .entry-status.underreview {
		background-color: #ba4a3b;
		color: #ffd2c3;
		border-color: #982819;
	}
	.aside .entry-status strong {
		display: none;
	}

	.sidenote {
		margin-top: 4em;
		padding: 0 0 0 2em;
	}
/* Abuse button */
	.abuseitem {
		padding: 10px 10px 10px 30px; 
		margin: 0 0 3em 0;
		text-align: left;
		border: 1px solid #EFCCC2; 
		background: #FFF2EF;
	}
	.abuseitem h4 {
		margin: 0;
		font-style: italic;
	}
	.abuseitem p {
		margin: 0.5em 0 0.5em 0;
	}

/* Misc. */
	.supplemental {
		line-height: 2em;
		padding: 0;
		margin: 0;
	}
	.filters {
		background: #f3f3f3;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 0.5em;
		margin-top: 0.5em;
	}
	.questions .tags { 
		margin-top: -2.5em;
	}

/* Question */
	.entry .entry-subject {
		font-weight: bold;
	}

/* Misc. */
	.youcanearn {
		display: block;
		margin-top: 1em;
		margin-right: 2em;
		font-size: x-small;
		font-style: italic;
		font-weight: 600;
		line-height: 1.2em;
	}
	#useroptions li {
		white-space: nowrap; 
		overflow: visible;
	}
	.subtitle {
		margin: -1em 1.5em 1.5em 1.3em;
		font-weight: normal;
	}
	.spacer {
		padding: 0 1em 0 1em;
	}
	.myquestions {
		padding-bottom: 0.2em; 
		margin-left: -1.5em;
		margin-right: -0.5em;
	}
	.note_total {
		font-size: x-small;
		color: #666;
		float: right;
		text-align: right;
		margin-top: -8px;
		margin-bottom: -2em;
	}
	.subject-wrap {
		margin: 0 0 0 70px;
		padding: 0;
	}

	ol.comments .comment-options:hover a, 
	ol.comments .comment-options a.accept {
		visibility: visible;
	}
	ol.comments .comment-options a.accept {
		display: inline-block;
		*display: inline; /* [!] IE 7 */
		float: right;
	}
	ol.comments .comment-options a.accept:before {
		content: "\2714";
		font-family: "Fontcons";
		margin-right: 0.3em;
	}

/* Point breakdown */
	#pointbreakdown {
		font-size: 85%;
		border-bottom: none;
		margin-bottom: 4em;
	}
	#pointbreakdown caption {
		font-weight: bold;
	}
	#pointbreakdown tbody td,
	#pointbreakdown tbody th {
		border-top: 1px solid #efefef;
		border-bottom: 1px solid #efefef;
	}
	#pointbreakdown tfoot td {
		border-top: 2px solid #efefef;
		color: #aaa;
	}

/* Delete button */
	.submit input + a {
		margin-left: 2em;
	}