/* CSS declarations go here */

/* 
	Social media buttons.
 */
.facebook-like {
	margin-right: 25px;
}

/* 
	Bootstrap overrides.
 */
.nav-pills > .active > a, .nav-pills > .active > a:hover {
	background-color: #3a9ac4;
}


.alert h5 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.alert .close {
	right: 0px;
}

body {
	/*
	padding-top: 20px;
	padding-bottom: 40px;
	*/
}
h1,h2,h3,h4 {
	color: #555;
}

.alert {
	padding-right: 14px;
}

.modal {
	text-align: left;
}
.popover {
	width: auto;
	max-width: 400px;
}
.popover.top .arrow:after {
	left: -1px;
}
.popover.bottom .arrow:after {
	left: -1px;
}
.popover-title {
	font-weight: bold;
}
.popover-content {
	font-size: 14px;
}
.popover-content p:last-child, .popover-content ul:last-child, .popover-content ol:last-child {
	margin-bottom: 0;
}
.popover-content p, .popover-content ul, .popover-content ol {
	margin-bottom: 10px;
}

.nvtooltip {
	font-size: 13px;
}
.nvtooltip h3 {
	font-weight: bold;
	font-size: 13px;
}

#navbar {
	padding-top: 6px;
	position: relative;
	z-index: 10;
	background-color: white;
}

.home-link {
	cursor: pointer;
}

.masthead {

}

@media (max-width: 600px) {
	#navbar .masthead h3 {
		display: none;
	}
	#navbar .masthead {
		height: 35px;
	}
	#navbar .masthead .nav-pills {
		float: none;
	}
}

/* Custom container */
.container.base,
.footer .container {
	margin: 0 auto;
	max-width: 960px;
	padding-top: 0px;
}


@media (max-width: 940px) {
	.container.base,
	.footer .container {
		width: 98%;
	}
}

.container-narrow > hr {
	margin: 30px 0;
}

.footer {
	text-align: center;
	padding: 30px 0;
	margin-top: 70px;
	border-top: 1px solid #e5e5e5;
	background-color: #f5f5f5;
	color: #777;
}
.footer p {
	margin-bottom: 0;
}
.footer p,
.footer a {
	color: #777;
}
.footer-links {
	margin: 10px 0px 10px;
}
.footer-links li:first-child {
	padding-left: 0;
}
.footer-links li {
	display: inline;
	padding: 0 2px;
}

.footer p.description {
	/*float: left;*/
/*	position: absolute;
	top: 0;
	left: 0;*/
}
.footer p.copyright {
	/*float: right;*/
}

.footer .social-media-links {
	/*float: right;*/
	position: absolute;
	top: 22px;
	right: 0;
}

@media (max-width: 767px) {
  .footer .social-media-links {
    position: inherit;
    top: inherit;
    right: inherit;
    margin-top: 20px;
  }
}

.footer .social-media-links a {
	font-size: 40px;
	padding-right: 20px;
}

.footer .social-media-links a:hover {
	text-decoration: none;
	color: #3a9ac4;
    text-shadow: 2px 2px 2px #ccc;
}

/* Main marketing message and sign up button */
.jumbotron {
	margin: 0px 0 35px;
	text-align: center;
}
.jumbotron h1 {
	font-size: 72px;
	line-height: 1;
	color: darkgoldenrod;
}
.jumbotron .login-button {
	font-size: 21px;
	padding: 14px 24px;
}

.jumbotron {
	transition: height 3s;
	-webkit-transition: height 3s;
}

.jumbotron.slideout {
	/*
	height: 0px;
	*/
}

/* Supporting marketing content */
.marketing {
	margin: 30px 0;
}
.marketing p + h4 {
	margin-top: 28px;
}

.marketing .icon-signal,
.marketing .icon-unlock,
.marketing .icon-trophy,
.marketing .icon-puzzle-piece {
	color: #3a9ac4;
	margin-right: 15px;
}

#overviewContainer {
	transition: left 2s;
	-moz-transition: left 2s;
	position: relative;
}
#overviewContainer .featurette {
	padding-top: 0px;
}
#overviewContainer .featurette > i {
	margin-top: 0px;
}
#overviewContainer .featurette h2 {
	padding-top: 50px;
	font-size: 40px;
}
#overviewContainer.move-up {
	left: -1400px;
}

.overview h4 {
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	margin-left: -40px;
}

.overview p {
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
}

.overview i {
    text-shadow: 2px 2px 2px #ccc;
}

.questionCount i {
	margin-right: 5px;
}

#join {
	font-size: 22px;
}

#box {
	transition: width 2s 3s;
	-webkit-transition: width 2s 3s;
	background-color: blue;
	height: 100px;
	width: 400px;
}

#box.slideout {
	width: 100px;
}

.show-question .breadcrumb {
	display: inline-block;
}

.show-question .pager {
	display: inline-block;
	float: right;
	margin: 0px;
}

@media (max-width: 767px) {
	.show-question .breadcrumb {
		display: block;
	}

	.show-question .pager {
		display: block;
		float: inherit;
		margin: 18px 0px;
	}
}

.row-fluid.viewQuestion {
  	border: 1px solid #eee;
	border-radius: 5px;
	padding: 7px 0px;
	margin-bottom: 10px;
}
.row-fluid.viewAnswer {
	margin-top: 20px;
}

.myQuestionsTitleSection,
.myAnswersTitleSection,
.preferencesTitleSection {
	position: relative;
}
.myQuestionsTitleSection .rightContainer,
.myAnswersTitleSection .rightContainer,
.preferencesTitleSection .rightContainer {
	top: 0px;
	right: 0px;
	width: 100%;
	text-align: right;
	padding-right: 1%;
}

@media (min-width: 767px) {
	.myQuestionsTitleSection {
		height: 55px;
	}
	.myAnswersTitleSection,
	.preferencesTitleSection {
		height: 35px;
	}
	.myQuestionsTitleSection > .featurette-heading,
	.myAnswersTitleSection > .featurette-heading,
	.preferencesTitleSection > .featurette-heading {
		display: inline;
	}
	.myQuestionsTitleSection .rightContainer,
	.myAnswersTitleSection .rightContainer,
	.preferencesTitleSection .rightContainer {
		position: absolute;
	}
}

.viewQuestion.alert {
	min-height: 30px;
	margin-bottom: 10px;
}
.viewQuestion.alert .socialmediaContainer {
	display:inline;
	position: relative;
	top: 5px;
	left: 15px;
}
.viewQuestion .fb-like {
	margin-right: 20px;
}

.viewQuestion > .question,
.viewAnswer > .answers,
.viewQuestion > .answers,
.viewQuestion > .comments,
.viewQuestion > .report {
	position: relative;
	padding-top: 25px;
	padding-left: 15px;
	margin-left: 7px !important;
	/*margin-right: 5px !important;*/
	margin-bottom: 10px;

	border: 1px solid #f1f1f1;
	border-radius: 5px 5px 5px 5px;
	background-color: #fcfcfc;

	color: #666;
}
.viewQuestion > .answers {
	min-height: 250px;
}
.viewQuestion > .answers svg {
	/*margin-top: -15px;*/
	height: 295px;
}
.viewQuestion > .answers svg.numeric {
	height: 190px;
	max-width: 90%;
}

.viewAnswer > .answers {
	min-height: 290px;
	cursor: pointer;
}
.viewAnswer > .answers:hover {
	border-color: #ccc;
	box-shadow: 0 0 15px rgba(81, 203, 238, 1);
	-webkit-box-shadow: 0 0 15px rgba(81, 203, 238, 1);
	-moz-box-shadow: 0 0 15px rgba(81, 203, 238, 1);
}
.viewAnswer > .answers .metric-row {
	margin-top: 65px;
}
.viewQuestion > .answers .metric-row {
	margin-top: 25px;
}
.viewAnswer > .answers .metric-row .span4.metric,
.viewQuestion > .answers .metric-row .span4.metric {
	width: 31.5%;
}
.viewAnswer > .answers .metric-row .metric,
.viewQuestion > .answers .metric-row .metric {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	margin-left: 1.3%;

	background-color: white;

	text-align: center;
}
.viewAnswer > .answers .metric-row .metric .name,
.viewQuestion > .answers .metric-row .metric .name {
	color: #999;
}
.viewAnswer > .answers .metric-row .metric .value,
.viewQuestion > .answers .metric-row .metric .value {
	color: #666;
	font-size: 20px;
	font-weight: bold;
/*	margin-top: 10px;
	margin-bottom: 10px;*/
}

@media (max-width: 767px) {
	.viewAnswer > .answers .metric-row .span4.metric,
	.viewQuestion > .answers .metric-row .span4.metric {
		width: 97.5%;
	}
	.viewAnswer > .answers .metric-row .metric,
	.viewQuestion > .answers .metric-row .metric {
		margin-bottom: 5px;
		margin-right: 1.3%;
	}
}

.viewAnswer > .answers svg {
	margin-top: 25px;
	height: 250px;
}
.viewAnswer > .answers svg.numeric {
	margin-top: 0px;
	height: 150px;
	max-width: 90%;
}
.viewAnswer > .answers .title {
	padding: 7px 10px;

	position: absolute;
	left: -1px;
	top: -1px;

	border-radius: 5px 0px;

	color: #555;

	background-color: white;
	border: 1px solid #f1f1f1;
	
	font-size: 15px;
	font-weight: bold;

	max-width: 415px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	/*
	background-color: #279DB9;
	border: 1px solid #62C9D9;*/
}
.viewAnswer > .answers:hover .title {
	border-top-color: #ccc;
	border-left-color: #ccc;
}
.viewAnswer > .answers .title span {
	vertical-align: middle;
}
@media (max-width: 420px) {
	.viewAnswer > .answers .title {
		max-width: 300px !important;
	}
	.blog-nav {
		display: none;
	}
}
@media (max-width: 920px) {
	.viewAnswer > .answers .title {
		max-width: 350px;
	}
}


.viewAnswer > .answers .view-in-full-link {
	position: absolute;
	left: 10px;
	top: 40px;

}
.viewQuestion > .question {
	min-height: 300px;
	padding-right: 1%;
}
.viewQuestion > .comments {
	width: 98.7%;
	padding: 10px;
	margin-bottom: 0px;
}

.viewQuestion #viewFullQuestion {
	cursor: pointer;
}

.viewQuestion > .question:after {
	content: "Question";
}

.viewQuestion > .report:after {
	content: "Report";
}

/*.viewQuestion > .comments:after {
	content: "Comments";
}*/

.viewQuestion > .question:after,
.viewQuestion > .answers:after,
.viewQuestion > .report:after
/*,
.viewQuestion > .comments:after */ {
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 3px 7px;
	font-size: 14px;
	font-weight: bold;

	background-color: #279DB9;
	border: 1px solid #21869e;
	color: #f4ffb3;

	-webkit-border-radius: 4px 0 4px 0;
	-moz-border-radius: 4px 0 4px 0;
	border-radius: 4px 0 4px 0;
}

.viewQuestion > .question .tags {
	margin-top: -5px;
	margin-bottom: -12px;
}
.viewQuestion > .question form {
	padding-top: 5px;
	margin-bottom: 12px;
}

.viewQuestion > .question form a.submit {
	margin-top: 5px;
	margin-bottom: 20px;
}
.viewQuestion > .question form select[name='options'] {
	display: block;
	margin-bottom: 15px;
}

.viewQuestion > .question form .control-label {
	width: 70px;
	margin-right: 8px;
}

.viewQuestion > .question form .controls {
	margin-left: 70px;
}

.viewQuestion > .question .radio {
	margin-left: 30px;
	line-height: 22px;
}
.viewQuestion > .question .alert {
	margin-top: 25px;
	margin-right: 15px;
}
.viewQuestion > .question .signup,
.viewQuestion > .question .changeAnswer {
	margin-left: 10px;
}

.viewQuestion #primaryUnit,
.viewQuestion #secondaryUnit {
	text-align: right;
	width: 50px;
}
.viewQuestion .input-append .add-on {
	padding: 5px;
}
.viewQuestion .btn.submit {
	margin-bottom: 10px;
}
.viewQuestion > .comments .socialmediaContainer {
	text-align: center; 
	margin-top: 5px;
	margin-bottom: 5px;
}

.viewAnswer > .answers,
.viewQuestion > .answers {
	padding-bottom: 10px;

	padding-top: inherit;
	padding-left: inherit;

	text-align: center;
}
.viewAnswer > .answers {
	/*padding-bottom: inherit;*/
}
.viewQuestion > .answers.reported {
	padding: 20px;
}
.viewQuestion > .answers.reported textarea {
	width: 90%;
}
.viewQuestion > .answers .giveItUp {
	margin: 50px 0px 20px;
	text-align: center;
	color: #666;
}
.viewQuestion > .comments .reportQuestionLink {
	cursor: pointer;
	position: absolute;
	top: 15px;
	left: 20px;
}

@media (max-width: 550px) {
	.viewQuestion > .comments .reportQuestionLink {
		display: none;
	}
}

.viewQuestion > .answers:after {
	content: "Answers";
}

.viewAnswer > .answers .yourAnswer,
.viewQuestion > .answers .yourAnswer {
	position: absolute;
	left: -1px;
	bottom: -1px;

	border-radius: 0px 5px 0px 5px;

	color: #666;

	/*background-color: #57BECE;*/
	border: 1px solid #f1f1f1;
	background-color: white;

	border-bottom: none;
	border-left: none;

	text-align: center;
}

.viewAnswer > .answers:hover .yourAnswer {
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	border-bottom: inherit;
	border-left: inherit;
}

.viewAnswer > .answers .yourAnswer h4,
.viewQuestion > .answers .yourAnswer h4  {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 10px;
	margin-right: 10px;
}
.viewAnswer > .answers .yourAnswer div,
.viewQuestion > .answers .yourAnswer div {
	margin: 5px 10px 0px;
}

.viewAnswer > .answers .spinner.updating,
.viewQuestion > .answers .spinner.updating {
	position: absolute;
	right: -1px;
	top: -1px;

	border-radius: 0px 5px;

	background-color: white;
	border: 1px solid #f1f1f1;

	padding: 10px

	/*
	background-color: #279DB9;
	border: 1px solid #62C9D9;*/
/*	border-top: none;
	border-right: none;*/
}


@media (max-width: 767px) {

	.viewQuestion > .question, 
	.viewAnswer > .answers, 
	.viewQuestion > .answers, 
	.viewQuestion > .comments, 
	.viewQuestion > .report {
		width: 98%;
	}
}
@media (max-width: 500px) {

	.viewQuestion > .question, 
	.viewAnswer > .answers, 
	.viewQuestion > .answers, 
	.viewQuestion > .comments, 
	.viewQuestion > .report {
		width: 97%;
	}
}

select[name='unit-options'] {
	width: 150px;
}

.reportQuestion #reason {
	width: 95%;
}

.filter-controls {
	margin-bottom: 15px;	
}

.btn-group.filters {
	display: inline-block;
	vertical-align: top;
}

.filter-by-tags.well {
	display: inline-block;

	padding: 7px 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	width: 645px;
	
	font-size: 14px;
	font-weight: 400;

	position: relative;
}
.filter-by-tags.well.filtered {
	width: 595px;
	padding-right: 65px;
}
.filter-by-tags .tag {
	margin-top:	3px;
}

@media (max-width: 979px) {
	.filter-by-tags.well {
    	width: 60%;
  	}
	.filter-by-tags.well.filtered {
    	width: 52%;
  	}
}

@media (max-width: 767px) {
	.filter-by-tags.well {
    	width: 95%;
    	margin-left: 0px;
    	margin-top: 5px;
  	}
	.filter-by-tags.well.filtered {
    	width: 80%;
    	margin-left: 0px;
    	margin-top: 5px;
  	}
}

.filter-by-tags.well #clear-tag-filters {
	position: absolute;
	right: 10px;
	top: 8px;
}

.questions .featurette-heading {
	text-align: center;
	padding: 60px 0px;
}

.questions > .question,
.questions > .question > a {
	color: white;
}
.questions > .question > a:hover {
	text-decoration: none;
}
.questions > .question {

	background-color: #279DB9;
	border: 1px solid #21869e;

	border-radius: 5px;
	height: 105px;
	margin-left: 0.5% !important;
	margin-right: 0.5% !important;
	margin-bottom: 10px;

	position: relative;
	/*
	left: 0;
*/
	cursor: pointer;

	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out; 
}
.questions > .question.answered {
	opacity: 0.7;
}
.questions > .question:hover {
	box-shadow: 0 0 15px rgba(81, 203, 238, 1);
	-webkit-box-shadow: 0 0 15px rgba(81, 203, 238, 1);
	-moz-box-shadow: 0 0 15px rgba(81, 203, 238, 1);
}

.questions > .question > a > div {
	height: 100px;
}

.questions > .question > a > div > h4,
.questions > .question > a > div > p,
.questions > .question > a > div > span {
	margin-left: 10px;
}

.questions > .question > a  > div > h4,
.questions > .question > a  > div > p {
	width: 95%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.questions > .question > a  > div > h4 {
	color: inherit;
}

.questions > .question p {
	font-size: 14px;
}

.questions > .question > a  > div > span > i,
.questions > .question > a  > div > span > .tag {
	color: #f4ffb3;
}

.questions > .question > a  > div > span > i {
	margin-right: 3px;
}

.questions > .question > a  > div > span > .tag {
	font-style: italic;
}


.tag:last-child .comma {
	display: none;
}


.questions > .question .stats,
.viewAnswer > .answers .stats,
.viewQuestion > .answers .stats {
	position: absolute;
	right: -1px;
	bottom: -1px;

	border-radius: 5px 0px;


	color: white;

	background-color: #57BECE;
	border: 1px solid #62C9D9;

	/*
	background-color: #279DB9;
	border: 1px solid #62C9D9;*/
	border-bottom: none;
	border-right: none;
}
.questions > .question .stats i,
.viewAnswer > .answers .stats i,
.viewQuestion > .answers .stats i {
	color: yellow;
	line-height: 40px;
	margin-left: 10px;
	margin-right: 10px;

	vertical-align: middle;
}
.questions > .question .stats h4,
.viewAnswer > .answers .stats h4, 
.viewQuestion > .answers .stats h4  {
	display: inline;
	line-height: 42px;
	vertical-align: middle;
	font-size: 22px;
	color: inherit;
}
.questions > .question .stats span,
.viewAnswer > .answers .stats span ,
.viewQuestion > .answers .stats span {
	vertical-align: middle;
	margin-right: 10px;
	margin-left: 5px;
}

.questions > .question.byebye {
	left: -900px;
}

.moreButton {
	text-align: center;
}

.answer {
	transition: all 2s;
	position: relative;
	left: 0;
}
.answer.hello {
	left: -450px;
}

#login-buttons {
	margin-left: 30px;
}

.login-link-text {
	position: relative;
	top: 8px;
}

#login-dropdown-list {
	top: 45px;
	left: inherit;
	right: 5px;
}

#create-question i {
	margin-right: 10px;
}
.create.featurette {
	padding-top: inherit;
}
.create.featurette i {
	margin-top: 0px;
}

.createQuestion {
	color: #555;
}

@media (min-width: 435px) {
	.createQuestion {
		width: 435px;
		display: inline-block;
	}
}

@media (max-width: 767px) {
	#create-question {
		position: inherit;
		display: block;
		margin: 20px auto 35px;
		width: 160px;
	}
}

.createQuestion .option,
.createQuestion .tag {
	margin-top: 4px;
}
.createQuestion .option,
.createQuestion .tag,
.filter-by-tags .tag {

	padding: 1px 7px;
	color: #666;
	background-color: #ddd;
	display: inline-block;
	/*margin: 0 4px 8px 0;*/
	-webkit-box-shadow: 0 1px 3px #bbb inset;
	-moz-box-shadow: 0 1px 3px #bbb inset;
	box-shadow: 0 1px 3px #bbb inset;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #bbb;
}
.createQuestion .option:hover,
.createQuestion .tag:hover,
.filter-by-tags .tag.active
{
	cursor: pointer;

	background-color: #444;
	border: 1px solid #222;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #FFFFFF;
	text-decoration: none;
}
.filter-by-tags .tag.active:hover {
	background-color: #444;
}
.filter-by-tags .tag:hover {
	/*background-color: #666;*/
	cursor: pointer;
	background-color: #bbb;

}

.createQuestion .placeholder {
	line-height: 28px;
	font-size: 14px;
	color: #a1a1a1;
}

.adminNoContent,
.noContentMsg {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #999;
	line-height: 50px;
	padding: 100px 0px;
}

#questionStats,
#userStats {
	text-align: center; 
	position: relative;
}
#userStats {
	margin-top: -5px;
}

@media (min-width: 767px) {
	.answersCtx #userStats {
		margin-bottom: -25px;
	}
}

.yourQuestionStats, 
.yourStats  {
	display: inline;

	text-align: center;

	font-size: 25px;
	font-weight: bold;
	color: #888;
} 

.yourStats  { 
	text-align: right;
}
.homeCtx .yourStats {
	text-align: center;
}

.showQuestionCtx .yourStats  { 
	text-align: right;
}

.yourQuestionStats i {
	font-size: 110px;
  	position: absolute; 
}
.yourStats i {
	/*font-size: 30px;*/
	margin-right: 5px;
}
.yourQuestionStats i, 
.yourStats i {
  	display: inline; 
    text-shadow: 5px 5px 5px #ccc;
}
.yourQuestionStats i {
  	top: 0px;
  	left: 8%;
}

.yourQuestionStats h2 {
	line-height: 100px;
}
.yourStats h2 {
	margin-top: 0px;
	font-size: 22px;
}
.homeCtx .yourStats h2 {
	font-size: 25px;
}
.yourQuestionStats h2 {
	font-size: 25px;
}
#questionStats svg {
	width: 200px; 
	height: 150px; 
	
	display: inline; 
	position: absolute; 
	top: -20px;
	right: 5%;

	margin: inherit;
}

@media (max-width: 767px) {
	body {
		padding-left: 5px;
		padding-right: 5px;
	}
	.yourQuestionStats i {
		display: none;
	}
	.yourQuestionStats h2 {
		line-height: 25px;
	}
	#questionStats svg {
		display: inherit;
		position: relative;
		top: inherit;
		right: inherit;

		margin-left: auto;
		margin-right: auto;
	}
}

/*
	login styles
	- accounts-dialog
	- login-close-text
	- login-button
*/

.accounts-dialog {
	border-color: #bbb;
	color: #666;
}

#login-buttons .login-button,
.accounts-dialog .login-button {

  /* from btn-success */
/*
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  */

  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}


.login-button:hover,
.login-button:focus,
.login-button:active,
.login-button.active,
.login-button.disabled,
.login-button[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.login-button:active,
.login-button.active {
  background-color: #cccccc;
}

.login-button:first-child {
  *margin-left: 0;
}

.login-button:hover,
.login-button:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.login-button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.login-button.active,
.login-button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.login-button.disabled,
.login-button[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

#login-buttons #login-buttons-open-change-password,
.accounts-dialog #login-buttons-open-change-password,
#login-buttons #login-buttons-logout,
.accounts-dialog #login-buttons-logout {
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}


#login-buttons .login-close-text {
	font-size: 15px;
}

/* 
	about page-break-inside: 
*/


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 40px 0; /* Space out the Bootstrap <hr> more */
}
.featurette {
  padding-top: 80px; /* Vertically center images part 1: add padding above and below text. */
  overflow: hidden; /* Vertically center images part 2: clear their floats. */
}
.featurette > i {
	font-size: 400px;
    text-shadow: 5px 5px 5px #ccc;
    padding-right: 10px;
}
.featurette i.pull-left {
	margin-right: 0.2em;
}
.featurette i.pull-right {
	margin-left: 0.15em;
}
.featurette-image {
  margin-top: -65px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 40px;
}
.featurette-image.pull-right {
  margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
.featurette-heading.small {
	font-size: 35px;
}

.about .featurette > i {
	margin-top: -65px;
}

.moochpoints .featurette, 
.rewards .featurette {
	padding-top: 10px;
}
.moochpoints .featurette-heading,
.rewards .featurette-heading {
	font-size:26px;
}
.moochpoints .lead,
.rewards .lead {
	margin-bottom: 13px;
	font-size: 16px;
	line-height: 20px;
}
.moochpoints .featurette-heading i,
.rewards .featurette-heading i {
	margin-right: 20px;
    text-shadow: 3px 3px 3px #ccc;
}
.moochpoints .featurette-divider,
.rewards .featurette-divider {
	margin: 15px 0;
}
.moochpoints #aggregateReference {
	font-style: italic;
}
/*.moochpoints .featurette p {
	margin-left: 2%;
}
*//* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 979px) {

  .featurette {
    height: auto;
    padding: 0;
  }
  .featurette i.pull-left,
  .featurette i.pull-right {
    display: block;
    float: none;
    /*max-width: 40%;*/
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    text-align: center;
  }
  .createQuestion {
  	display: block;
  	margin: 0px auto;
  }
}

@media (max-width: 767px) {

  .featurette-heading {
    font-size: 30px;
    text-align: center;
  }
  .featurette .lead {
    font-size: 18px;
    line-height: 1.5;
  }
  .createQuestion {
  	display: block;
  	margin: 0px auto;
  }
  .overview.featurette .featurette-image,
  .create.featurette .featurette-image {
  	display: none;
  }
}

#refresh-dashboard {
	position: absolute;
	top: 0px;
	right: 0px;
}

.dashboard-row {
	margin-top: 20px;
}

.dashboard-row .metric {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 20px;

	text-align: center;
}
@media (max-width: 767px) {
	.dashboard-row .metric {
		margin-bottom: 10px;
	}
}
.dashboard-row .metric .name {
	color: #999;
}
.dashboard-row .metric .value {
	color: #666;
	font-size: 50px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

.preferencesForm {
	min-height: 450px;
}
.preferencesForm form {
	margin-top: 40px;
}
@media (min-width: 481px) {
	.preferencesForm form .control-label {
		width: 240px;
		padding-right: 10px;
	}
	.preferencesForm form .controls {
		margin-left: 250px;
	}
}