html, body {
	min-height: 100%;
	/* font styles in text.css */
	background-color: #f5f5f5;
}

a.fa {
	font-weight: normal !important;
}

/*
	ACTION BLOCK
================================================== */

.actionBlock {
	text-align: center;
	font-size: 18px;
	line-height: 130%;
}

.actionBlock .actionIcon {
	display: block;
	margin: 0 auto 10px auto;
	width: 60px;
}

a.actionBlock:hover {
	text-decoration: none;
}

/*
	TRANSPARENT BLOCK
================================================== */

.transparentBlock {
	text-align: center;
}

.transparentBlock .inviteIcon {
	display: block;
	margin: 0 auto;
	width: 60px;
}

a.transparentBlock:hover {
	text-decoration: none;
}

/*
	MAP
================================================== */

div.jsMap div.jsMap-resizebleWrapper {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
}

div.jsMap .ui-resizable-handle {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	height: 20px;
	background-color: #004989;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
}

/*
	OF SELECT
================================================== */

.jsOfSelect {
	position: relative;
}

/*
	USER SQUARE
================================================== */

div.jsFrontUserOrGroupSquare div.jsFrontUserOrGroupSquare-bigContainerLeft,
div.jsFrontUserOrGroupSquare div.jsFrontUserOrGroupSquare-bigContainerRight {
	display: none;
	position: absolute;
	top: -10px;
	z-index: 1;
	padding: 9px;
}

div.jsFrontUserOrGroupSquare div.jsFrontUserOrGroupSquare-bigContainerLeft.extended,
div.jsFrontUserOrGroupSquare div.jsFrontUserOrGroupSquare-bigContainerRight.extended {
	min-width: 300px;
}

div.jsFrontUserOrGroupSquare div.jsFrontUserOrGroupSquare-bigContainerLeft {
	left: -10px;
}

div.jsFrontUserOrGroupSquare div.jsFrontUserOrGroupSquare-bigContainerRight {
	right: -10px;
}

div.jsFrontUserOrGroupSquare.activeLeft div.jsFrontUserOrGroupSquare-bigContainerLeft,
div.jsFrontUserOrGroupSquare.activeRight div.jsFrontUserOrGroupSquare-bigContainerRight {
	display: block;
}

/*

================================================== */

.closeButton {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	z-index: 1;
}

/*
	AJAX TAB
================================================== */

.ctAjaxTab-button.active {
	color: #a40d14;
}

.likeATabs .ctAjaxTab-button {
	border-bottom: 5px solid transparent;
}

.likeATabs .ctAjaxTab-button.active {
	color: #004989;
	padding-bottom: 5px;
	border-bottom: 5px solid #a40d14;

}

/*
	CHART
================================================== */

div.ctChart a.ctChart-scopeButton {
	float: left;
	padding: 0 10px;
}

div.ctChart a.ctChart-scopeButton:first-of-type {
	padding-left: 0;
}

div.ctChart a.ctChart-scopeButton.active {
	background-color: #ffffff;
	color: #a40d14;
}

/*
	JS MAP
================================================== */

div.jsMap {
	width: 100%;
	height: 100%;
}

div.jsMap a.jsMap-tabButton.active {
	color: #a40d14;
}

/*
	USER RESULTS
================================================== */

table.userResults td,
table.userResults th {
	padding: 3px;
}

/*
	TOPIC RESULTS
================================================== */

div.resultsProposals .percent {
	font-size: 55px;
	line-height: 55px;
	height: 55px;
}

div.resultsProposals .percent span {
	font-size: 34px;
	line-height: 55px;
}

div.resultsProposals .percent.narrow span {
	font-size: 20px;
}

div.resultsProposals div.twoColumnLayout {
	padding-left: 100px;
}

div.resultsProposals div.twoColumnLayout > div.left {
	float: left;
	width: 90px;
	margin-left: -100px;
}

div.resultsProposals div.twoColumnLayout > div.right {
	float: left;
	width: 100%;
}

/*
	PARTICIPATION
================================================== */

div.participation {
	position: relative;
}

.paypalButton {
	padding: 0;
	margin: 0;
	width: auto;
	overflow: visible;
	background: none;
	border: 0;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none !important;
}

.paypalButton:hover {
	text-decoration: none !important;
}

.paypalButton::-moz-focus-inner {
	border: none
}

.paypalButton:hover {
	text-decoration: none !important;
}

.paypalButton > span.wrapper {
	display: block;
	height: 26px;
	white-space: nowrap;
}

.paypalButton > span.wrapper > span.left {
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1;

	height: 26px;
	line-height: 26px;

	width: 14px;
	background: transparent url("/images/paypal-button.png") no-repeat scroll 0 0;
}

.paypalButton > span.wrapper > span.center {
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 26px;
	line-height: 26px;
	color: #003366;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	background: transparent url("/images/paypal-button.png") repeat-x scroll 0 -52px;
	font-family: "Lucida Grande", Arial, Verdana, Tahoma, Serif, Sans-serif;
}

.paypalButton > span.wrapper > span.right {
	vertical-align: top;

	display: inline-block;
	*display: inline;
	*zoom: 1;

	height: 26px;
	line-height: 26px;

	width: 14px;
	background: transparent url("/images/paypal-button.png") no-repeat scroll 0 -26px;
}

.paypalButton > span.cards {
	display: block;
	margin-top: 5px;
	min-width: 70px;
	height: 15px;
	background: transparent url("/images/paypal-cards.png") no-repeat scroll center top;
}

/*
	START
================================================== */

div.start div.orderedListItem {
	padding-left: 80px;
	margin-bottom: 10px;
}

div.start div.orderedListItem > div.left {
	float: left;
	width: 60px;
	margin-left: -80px;
}

div.start div.orderedListItem > div.left > div.number {
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 30px;
	background: transparent url("/images/dashed-circle-ordered-list.png") no-repeat scroll left top;
}

div.startPage div.orderedListItem > div.right {
	float: left;
}

/*
	PAGINATOR
================================================== */

.jsFrontPaginator .classic {
	display: block;
}

.jsFrontPaginator .modern {
	display: none;
}

.jsFrontPaginator.assembled .classic {
	display: none;
}

.jsFrontPaginator.assembled .modern {
	display: block;
}

.jsFrontPaginator.assembled .modern .jsFrontPaginator-button {
	display: block;
}

.jsFrontPaginator.assembled .modern .jsFrontPaginator-loader {
	display: none;
}

.jsFrontPaginator.assembled.active .modern .jsFrontPaginator-button {
	display: none;
}

.jsFrontPaginator.assembled.active .modern .jsFrontPaginator-loader {
	display: inline;
	padding: 0 4px;
}

/*
	JS READED
================================================== */

.jsReaded {
	position: relative;
}

.jsReaded .jsReaded-whenActive {
	display: none;
}

.jsReaded.active .popupIcon {
	display: none;
}

.jsReaded.active {
	box-shadow: none;
	background-color: #f5f5f5 !important;
}

.jsReaded.active .jsReaded-whenActive {
	display: block;
}

/*
	POPUP
================================================== */

.ctPopup-shadeIsVisible {
	overflow: hidden;
}

.popupCloseShade {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.popup {
	position: relative;
	z-index: 2;
}

.sliderPageCounter {
	text-align: center;
	font-size: 14px;
	color: #707070;
	margin-bottom: 10px;
}

/*
	PORTRAIT BLOCK
================================================== */

div.portraitBlock div.imageWrapper {
	height: 180px;
	overflow: hidden;
	background-color: white;
}

div.portraitBlock h2.name {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

div.portraitBlock div.response {
	position: relative;
	height: 80px;
	line-height: 20px;
	overflow: hidden;
}

div.portraitBlock div.teamText {
	position: relative;
	height: 160px;
	line-height: 20px;
	overflow: hidden;
}

div.portraitBlock div.response div.gradient {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: -moz-linear-gradient(top, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0.75) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245, 245, 245, 0)), color-stop(100%, rgba(245, 245, 245, 0.75))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0.75) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0.75) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0.75) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0.75) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089fff1', endColorstr='#000000', GradientType=0); /* IE6-9 */
}

/*
	COMMENT
================================================== */

.commentMood-button {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	padding: 5px;
	margin-right: 5px;
	background-color: transparent;
	color: #999999;
}

.commentMood-button:hover {
	text-decoration: none;
}

.commentMood-button.active.fa-frown-o {
	color: #c62828;
}

.commentMood-button.active.fa-meh-o {
	color: #004989;
}

.commentMood-button.active.fa-smile-o {
	color: #2e7d32;
}

.commentMood-label {
	display: block;
	float: left;
	width: 19px;
	height: 19px;
	font-size: 20px;
	line-height: 19px;
	text-align: center;
	margin-right: 3px;
}

.commentMood-label.fa-frown-o {
	color: #c62828;
}

.commentMood-label.fa-meh-o {
	color: #004989;
}

.commentMood-label.fa-smile-o {
	color: #2e7d32;
}

/*
	USER RESULTS
================================================== */

table.userResults tr th,
table.userResults tr td {
	padding: 5px;
	border: 1px solid #d7d7d7;
}

/*
	ADD
================================================== */

.addingBullet {
	position: absolute;
	top: -7px;
	right: -7px;
	height: 30px;
	line-height: 30px;
	width: 30px;
	font-size: 14px;
	text-align: center;
	border-radius: 14px;
	color: #ffffff;
	z-index: 2;
}

.addingBullet:hover {
	text-decoration: none;
}

.iconEllipsis {
	width: 10px;
	height: 25px;
	padding-top: 7px;
	display: block;
	text-align: center;
	vertical-align: middle;
}

.qwerty {
	width: 30px;
	height: 25px;
	padding-top: 7px;
	display: block;
	text-align: center;
	vertical-align: middle;
}

/* =========Comment plain section============== */

.commentPlain {
	margin-bottom: 10px;
	background-color: #ffffff;
	word-wrap: break-word;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}

.commentPlain.positive {
	border: 2px solid #008300;
	border-radius: 5px;
}

.commentPlain.negative {
	border: 2px solid #a40c13;
	border-radius: 5px;
}

/* =========Comment form plain============== */

.commentFormPlain {
	position: relative;
	height: 160px;
	margin-bottom: 10px;
	background-color: #ffffff;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}

.commentFormPlain.positive {
	border: 2px solid #008300;
	border-radius: 5px ;
}

.commentFormPlain.negative {
	border: 2px solid #a40c13;
	border-radius: 5px;
}

/*==========Common for extended and plain===========*/

.commentFormExtended form textarea ,
.commentFormPlain form textarea {
	border: none;
	resize: none;
	box-shadow: none;
}

/*==========Comment extended section===========*/

.commentExtended {
	position: relative;
	width: 43.9%;
	height: auto;
	min-height: 100px;
	word-wrap: break-word;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}

.commentExtended.negative {
	float: right;
	border: 2px solid #a40c13;
	border-radius: 5px 5px 5px 0;
}

.commentExtended.positive {
	float: left;
	border: 2px solid #008300;
	border-radius: 5px 5px 0 5px;
}

.commentExtended.negative .authorImage,
.commentFormExtended.negative .authorImage {
	position: absolute;
	left: -15.5%;
	bottom: -25px;
}

.commentExtended.positive .authorImage,
.commentFormExtended.positive .authorImage {
	position: absolute;
	right: -15.5%;
	bottom: -25px;
}

.commentExtended.negative .authorImage,
.commentFormExtended.negative .authorImage,
.commentExtended.positive .authorImage,
.commentFormExtended.positive .authorImage {
	z-index: 1;
}

.commentExtended.negative .authorImage img,
.commentFormExtended.negative .authorImage img {
	border: 2px solid #a40c13;
}

.commentExtended.positive .authorImage img,
.commentFormExtended.positive .authorImage img {
	border: 2px solid #008300;
}

.commentExtended .authorImage img,
.commentFormExtended .authorImage img {
	border-radius: 50%;
}

/*====corners===*/

.commentExtended.negative:before,
.commentExtended.positive:before {
	content: ' ';
	border: 16px solid;
	position: absolute;
	bottom: -2px;
	width: 0;
	height: 0;
}

.commentExtended.negative:before {
	left: -32px;
	border-color: transparent #a40c13 #a40c13 transparent;
}

.commentExtended.positive:before {
	right: -32px;
	border-color: transparent transparent #008300 #008300;
}

.clear.negative + .commentExtended.positive,
.clear.positive + .commentExtended.negative {
	margin-top: -50px;
}

.commentExtended.negative:after,
.commentExtended.positive:after {
	content: ' ';
	border: 15px solid;
	position: absolute;
	bottom: 0;
	width: 0;
	height: 0;
}

.commentExtended.negative:after {
	left: -27px;
	border-color: transparent #ffffff #ffffff transparent;
}

.commentExtended.positive:after {
	right: -27px;
	border-color: transparent transparent #ffffff #ffffff;
}

/* ======================Extended form=========================== */

.commentFormExtended {
	position: relative;
	width: 43.9%;
	min-height: 156px;
	margin-bottom: 15px;
	background-color: #ffffff;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}

.commentFormExtended.positive {
	float: left;
	margin-right: 20px;
	border: 2px solid #008300;
	border-radius: 5px 5px 0 5px;
}

.commentFormExtended.negative {
	float: right;
	margin-left: 20px;
	border: 2px solid #a40c13;
	border-radius: 5px 5px 5px 0;
}

.commentFormExtended.negative:before,
.commentFormExtended.positive:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	border: 16px solid;
}

.commentFormExtended.negative:before {
	left: -32px;
	bottom: -2px;
	border-color:  transparent #a40c13  #a40c13 transparent;
}

.commentFormExtended.positive:before {
	right: -32px;
	bottom: -2px;
	border-color:  transparent transparent #008300  #008300 ;
}

.commentFormExtended.negative:after,
.commentFormExtended.positive:after {
	border: 15px solid;
	content: ' ';
	position: absolute;
	bottom: 0;
	width: 0;
	height: 0;
}

.commentFormExtended.negative:after {
	left: -27px;
	border-color:  transparent #fff #fff transparent ;
}

.commentFormExtended.positive:after {
	right: -27px;
	border-color:  transparent transparent #fff #fff;
}

.commentFormExtended.negative .authorName {
	color: #a40d14;
}

.commentFormExtended.positive .authorName {
	color: rgb(0, 134, 0);
}

.commentFormExtended.negative .iconImage {
	content:url('/images/icons/cross-red-white.svg');
}

.commentFormExtended.positive .iconImage {
	content:url('/images/icons/ok-green-white.svg');
}

/*!**!*/