/* styles.css -- CSS Document
------------------------------
- html elements
- sorting
- global styles
- animations
- float
- page elements
- loading image
- buttons
- pagination
- ratings
- user row
- user icons
- profile image
- admin links
- twitter widget
- side box
- sitejabber tip box
- facebook like box
- share buttons
- tooltips
- wysiwyg
- categories
- noty styles
- CAKE: tables
- CAKE: paging
- CAKE: scaffold view
- CAKE: forms
- CAKE: notices and errors
- CAKE: action
- CAKE: related
- CAKE: debugging
- LIMITLESS: uniform
------------------------------
*/

@import url('/css/dialog.css');

/* sorting */
a.asc {
	color: #000;
}

a.desc {
	color: #000;
}

a.asc:after {
	content: ' ⇣';
}

a.desc:after {
	content: ' ⇡';
}

#sort_options span {
	font-weight:bold;
}
/* global styles */
.text-black {
	color: #000;
}
.text-sj-blue {
	color: #015899;
}
.text-grey-800 {
	color: #444;
}
.extra_large_heading {
	font-size:1.7em;
}
.large_heading {
	font-size:1.4em;
}
.medium_heading {
	font-size:1.3em;
}
.small_heading {
	font-size:1.1em;
}
.large_text {
	font-size:1.1em;
}
.medium_text {
	font-size:1em;
}
.small_text {
	font-size:0.9em;
}
.tiny_text {
	font-size:0.85em;
}
.faded_text {
	color:#aeb0b2;
}
.normal_text {
	font-weight: normal;
}
.bold_text {
	font-weight: bold;
}
::-webkit-input-placeholder {
   color: #969696;
}

:-moz-placeholder { /* Firefox 18- */
   color: #969696;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #969696;
}

:-ms-input-placeholder {
   color: #969696;
}

.relative {
	position: relative;
}

.more-link {
	position: absolute;
	top: 30px;
	right: 0;
}

.more-link.more-link-20 {
	top: 20px;
}

.link-mention {
	border-bottom: #4680ae 2px solid;
	color: #000;
	-webkit-transition: all .12s ease;
	-o-transition: all .12s ease;
	-moz-transition: all .12s ease;
	transition: all .12s ease;
}

.link-mention:hover {
	border-color: transparent;
	color: #4680ae;
}

.list-inline > li {
    display: inline-block;
    padding-left: 0;
    padding-right: 20px;
}

.bg-caribbean-green {
	background: #5dcac4;
}
.bg-grey {
	background: #f6f6f6;
}
.bg-pink {
	background: #eab6ab;
}
.bg-pink-soft {
	background: #fbf0ee;
}
.border-bottom {
	border-bottom: 1px solid;
}
.border-top {
	border-top: 1px solid;
}
.border-right {
	border-right: 1px solid;
}
.bottom-10 {
	bottom: 10px !important;
}
.border-grey {
	border-color: #777;
}
.border-grey-300 {
	border-color: #999;
}
.border-grey-200 {
	border-color: #dadada;
}
.border-grey-100 {
	border-color: #eaeaea;
}

.box-recall {
	height:120px;
	border:1px solid #ccc;
	text-align: justify;
  	text-justify: inter-word;
	color: #696969;
	padding: 10px;
	overflow:auto;
}
.box-recall-title {
    display: inline-block;
    font-weight: bolder;
    padding: 0 2px;
    margin-left: 8em;
}

.box-shadow {
	-webkit-box-shadow: 0 0 15px 2px #dadada;
	-moz-box-shadow: 0 0 15px 2px #dadada;
	box-shadow: 0 0 15px 2px #dadada;
}

.visible-xs-block {
	display: none !important;
}

.mb-5 {
	margin-bottom: 5px !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.mb-40 {
	margin-bottom: 40px !important;
}
.ml-10 {
	margin-left: 10px !important;
}
.ml-15 {
	margin-left: 15px !important;
}
.mr-10 {
	margin-right: 10px !important;
}
.mr-30 {
	margin-right: 30px !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-15 {
	margin-top: 15px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mt-25 {
	margin-top: 25px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mt-40 {
	margin-top: 40px !important;
}
.pb-10 {
	padding-bottom: 10px !important;
}
.p-20 {
	padding: 20px !important;
}
.pb-20 {
	padding-bottom: 20px !important;
}
.position-absolute {
	position: absolute;
}
.position-relative {
	position: relative;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}
.no-margin-left {
	margin-left: 0 !important;
}
.no-margin-top {
	margin-top: 0 !important;
}
.no-padding {
	padding: 0 !important;
}

.pb-5 {
	padding-bottom: 5px !important;
}
.pb-10 {
	padding-bottom: 10px !important;
}
.pb-20 {
	padding-bottom: 20px !important;
}
.pr-20 {
	padding-right: 20px !important;
}
.pt-5 {
	padding-top: 5px !important;
}
.pt-10 {
	padding-top: 10px !important;
}
.pt-20 {
	padding-top: 20px !important;
}
.pt-40 {
	padding-top: 40px !important;
}

.text-center {
	text-align: center;
}
.text-grey {
	color: #777;
}
.text-size-small {
	font-size: 13px;
}

.img-thumbnail {
    padding: 3px;
    line-height: 1.5384616;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.img-circle {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.hidden {
	display:none;
}

.flex {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex-truncated {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.flex-fixed {
  white-space: nowrap;
}

/* animations */
.animated {
	-moz-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-moz-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes inDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		-webkit-transform: none;
		transform: none;
	}
}

@-moz-keyframes inDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
    	-webkit-transform: none;
    	-moz-transform: none;
    	transform: none;
	}
}

@-o-keyframes inDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
    	-webkit-transform: none;
    	-o-transform: none;
    	transform: none;
	}
}

@keyframes inDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
    	-webkit-transform: none;
    	-moz-transform: none;
    	-o-transform: none;
    	transform: none;
	}
}

.inDown {
	-moz-animation-name: inDown;
	-webkit-animation-name: inDown;
	-o-animation-name: inDown;
	animation-name: inDown;
}

@-webkit-keyframes fadeOutUp {
	from {
    	opacity: 1;
	}

	to {
    	opacity: 0;
    	-webkit-transform: translate3d(0, -100%, 0);
    	transform: translate3d(0, -100%, 0);
	}
}

@-moz-keyframes fadeOutUp {
	from {
    	opacity: 1;
	}

	to {
    	opacity: 0;
    	-webkit-transform: translate3d(0, -100%, 0);
    	-moz-transform: translate3d(0, -100%, 0);
    	transform: translate3d(0, -100%, 0);
	}
}

@-o-keyframes fadeOutUp {
	from {
    	opacity: 1;
	}

	to {
    	opacity: 0;
    	-webkit-transform: translate3d(0, -100%, 0);
    	transform: translate3d(0, -100%, 0);
	}
}

@keyframes fadeOutUp {
	from {
    	opacity: 1;
	}

	to {
    	opacity: 0;
    	-webkit-transform: translate3d(0, -100%, 0);
    	-moz-transform: translate3d(0, -100%, 0);
    	transform: translate3d(0, -100%, 0);
	}
}

.fadeOutUp {
	-moz-animation-name: fadeOutUp;
	-webkit-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}

/* float */
.clear {
	clear:both
}
.left {
	float:left
}
.right {
	float:right;
}

.inline {
	display:inline;
}

.content-divider {
	text-align: center;
	position: relative;
	z-index: 1;
	margin: 15px 0;
}
.content-divider > span {
	background-color: #fff;
	display: inline-block;
	padding-left: 16px;
	padding-right: 16px;
}
.content-divider > span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	height: 1px;
	background-color: #ddd;
	width: 100%;
	z-index: -1;
}

/* page elements */
#container {
	background-color:#fff;
	width:972px;
	margin:0 auto;
}
#content_container {
	padding-bottom: 60px;
	width: 970px;
}
#content_container.blank {
	height:500px;
	min-height:500px;
	padding:20px;
	width:919px;
}
#content_wrapper {
	position: relative;
	padding:25px 15px 60px;
	min-height:500px;
}
.divider {
	height:2px;
	border-top:6px solid #04538D;
	border-bottom:2px solid #04538D;
	margin-bottom:20px;
}
.divider.no_margin {
	margin-bottom:0px;
}
.wide--layout {
	width: 100% !important;
}
.regular--layout {
	margin: 0 auto;
	padding: 0 15px;
	width: 940px !important;
}
.prompt-panel {
	background-color: #fff;
    border: 1px solid #d7d6da;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	color: #333333;
	margin: 20px 0;
}
.prompt-panel-body {
	padding: 15px;
	position: relative;
}
.prompt-panel-body-left {
	display: table-cell;
	vertical-align: middle;
	width: 10000px;
}
.prompt-panel-body-left h4 {
	color: #00569B;
	display: block;
	font-size: 19px;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 5px;
}
.prompt-panel-body-right {
	display: table-cell;
	padding-left: 20px;
	vertical-align: middle;
}
.prompt-panel-body-right a {
	background: #015899;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: none;
	margin: 0 auto;
    padding: 10px;
	width: 130px;
}
.header_search {
	overflow: hidden;
	padding-top:12px;
}
.header_search_box {
	position:relative;
	margin-bottom: 0;
	width: 95%;
}
.glb_search .keyword {
	border: none;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font-size: 14px;
	height: 32px;
	padding: 0 30px 0 15px;
}
.glb_search .keyword::-ms-clear {
  width : 0;
  height: 0;
}
.glb_search .keyword.faded_text {
	color:#aeb0b2;
}
.search_button {
	-webkit-border-radius: 0 20px 20px 0;
	-moz-border-radius: 0 20px 20px 0;
	border-radius: 0 20px 20px 0;
	color: #ef6a23;
	font-size: 18px;
	height: 24px;
    padding: 4px 0 0 6px;
    position: absolute;
	right: 2px;
	top: 2px;
	width: 25px;
}
.category_list li {
	border: 1px solid #dadada;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f7f7f7;
	color: #015899;
	float: left;
	height: 165px;
	margin-right: 1%;
	margin-top: 20px;
	position: relative;
	width: 19%;
}
.category_list li a {
	display: block;
	height: 100%;
	width: 100%;
}
.category_list li a:hover {
	color: inherit;
}
.category_list h3 {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	position: absolute;
	top: 60%;
	width: 100%;
}
.category_list span {
    font-size: 40px;
    height: 40px;
	left: 50%;
    margin-left: -20px;
    margin-top: -20px;
	position: absolute;
    top: 40%;
    width: 40px;
}
.category_list span.custom-icon-spray {
    margin-left: -30px;
}
.category_list span.custom-icon-users {
    margin-left: -23px;
    width: 45px;
}
.category_list span.custom-icon-users4 {
    margin-left: -28px;
    width: 55px;
}
.review_sugestions .suggestions-container .review-request {
	background: #f6f6f6;
	border: 1px solid #dadada;
	float: left;
	margin-bottom: 30px;
	margin-right: 2%;
	padding: 10px;
	position: relative;
	width: 49%;
}
.review_sugestions .suggestions-container .review-request:nth-of-type(2n) {
	margin-right: 0;
}
.review_sugestions .suggestions-container .review-request-close {
	color: #969696;
	font-size: 18px;
	right: 10px;
	position: absolute;
	top: 10px;
}
.review_sugestions .suggestions-container .review-request-close:hover {
	color: #bbb;
}
.review_sugestions .suggestions-container .review-request .website-thumbnail {
	margin-right: 10px !important;
}
.review_sugestions .suggestions-container .review-request .website-thumbnail .w325h185 {
	height: 70px;
	width: 120px;
}
.review_sugestions .suggestions-container .review-request .website_information {
	max-width: 100%;
	width: 300px;
}
.review_sugestions .suggestions-container .review-request .website_information h3 {
	font-size: 20px;
}
.review_sugestions .suggestions-container .review-request .website_information .write_review_box .rating_field {
	cursor: pointer;
	float: left;
	margin-right: 20px;
}
.review_sugestions .suggestions-container .review-request .website_information .write_review_box > span {
	display: none;
}
.review_sugestions .suggestions-container .review-request .review-request-header {
	font-size: 16px;
    height: 45px;
    line-height: 45px;
    margin-bottom: 20px;
	width: 540px;
}
.review_sugestions .more_button_container {
	clear: both;
}
.review_sugestions .more_button_container .button {
    border: 0;
	color: #015899;
    font-size: 14px;
	font-weight: 400;
    line-height: 14px;
    padding: 0;
}
.review_block {
	background-color: #f1f1f1;
	border: 1px solid #d7d6da;
	color: #414042;
	float: left;
	margin-bottom: 20px;
	margin-right: 2%;
	padding: 10px;
	position: relative;
	text-align: left;
	width: 49%;
}
.review_block:nth-of-type(even) {
	margin-right: 0;
}
.review_block.selected {
	border: 1px solid #fe450c;
	z-index: 950;
}
.review_block .website-thumbnail {
	margin-right: 8px;
}
.review_block .no_js {
	display: none;
}
.review_block .url {
	color: #135797;
	float: left;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
	min-height: 19px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}
.review_block .stars {
	float: left;
	margin-right: 5px;
	cursor: pointer;
}
.review_block div {
	margin: 0;
}
.review_block div.confirmed {
	display: none;
}
.review_block div.current.confirmed {
	display: block;
}
.review_block div.current.confirmed + div.available {
	display: none;
}
.review_block .rating_text {
	font-size: 15px;
	margin-bottom: 0;
	padding-top: 7px;
	color: #969696;
	line-height: 1;
}
.review_block .rating_text.rating {
	color: #dd5123;
}
.review_block .rating_text.confirmed {
	color: #00bc00;
	float: right;
	padding-top: 11px;
}
.review_block .rating_text.confirmed i {
	font-size: 18px;
}
.review_block .additional_info {
	display: none;
}
.review_block label {
	margin-bottom: 7px;
	display: none;
}
.review_block input:hover {
	border:1px solid #969696;
}
.review_block input:focus {
	border:1px solid #0bd401;
}
.review_block input.valid {
	border:1px solid #0bd401;
}
.review_block input.validator-error {
	border:1px solid #c73e14;
}
.review_block div.input {
	margin-bottom:10px;
}
.review_block div.error-message {
	background-color:#FFF;
	color:#C73E14;
	padding:0.3em 0;
	font-weight:normal;
	font-size:.8em
}
.review_block div.validator-error {
	margin-top:3px;
	font-weight:normal;
	color:#C73E14;
}
.review_block .content input[type="text"] {
	padding: 5px;
	width: 395px;
}
.review_block .content {
	margin-top: 10px;
}
.review_block textarea {
	width: 395px;
	height: 100px;
	padding: 5px;
}
.review_block .order_id {
	display: none;
	margin-bottom: 3px !important;
	margin-top: 8px;
}
.review_block .order_id.show {
	display: block;
}
.review_block .order_id input[type="text"] {
	padding: 5px;
	width: 395px;
}
.review_block .button {
	text-transform: none;
	font-size: 1em;
	line-height: 1em;
}
.review_block .close_icon {
	position: absolute;
	top: 5px;
	right: 5px;
	color: #c0c0c0;
}
.review_block .close_icon:hover {
	color: #a8a8a8;
}
.review_block .confirmation {
	text-align: center;
	padding: 30px 0px;
	display: none;
}
.review_block .confirmation .text {
	font-size: 20px;
	margin-bottom: 30px;
}
.review_block .confirmation .status {
	font-size: 16px;
}
.review_block .confirmation .votes {
	display: none;
}
.review_block.review_block_thumbnail .url {
	margin: 5px 0;
	width: calc(100% - 130px);
}
.review_block.review_block_thumbnail .stars {
	margin-right: 2px;
}
.review_block.review_block_thumbnail .rating_text {
	float: left;
}
.review_block.review_block_thumbnail .url ~ .clear {
	clear: none;
}
.tag-filters {
	color: #777;
	text-align: center;
	margin-bottom: 20px;
}
.tag-filters-heading {
	border-top: 1px solid #d7d6da;
    font-size: 24px;
    font-weight: bold;
	margin-bottom: 20px;
	padding-top: 20px;
	text-align: center;
}
.tag-filters-heading.hidden {
	padding: 0;
	margin: 0;
}
.tag-filters span {
    border: 1px solid #d7d6da;
	border-radius: 15px;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	line-height: 1;
	padding: 7px 12px;
	margin: 0 5px 10px;
}
.tag-filters span.disabled,
.tag-filters span:hover {
	background-color: #d7d6da;
	color: #000;
}
/* loading image */
.loading_image {
	text-align: center;
}
.loading_image i {
	font-size: 20px;
}
.loading_image span {
	display:inline-block;
	vertical-align: middle;
	margin-left: 10px;
	height: 24px;
}
.loading_image.hidden {
	display:none;
}
.spinner {
  display: inline-block;
  -webkit-animation: rotation 1s linear infinite;
  -moz-animation: rotation 1s linear infinite;
  -o-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotation {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes rotation {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* pagination */
.navigation {
	font-size:14px;
	text-align: center;
}
.navigation .page_numbers span:not(.ellipsis) {
	margin-right:3px;
	display:block;
	float:left;
	line-height:30px;
	margin: 0 4px;
	padding: 0 11px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align:center;
	color:#444;
}
.navigation .page_numbers span:not(.ellipsis):not(.current):hover {
	background-color:#C1D6EA;
	cursor:pointer;
}
.navigation .page_numbers span:not(.ellipsis):not(.current):hover a {
	color:#015899;
}
.navigation .page_numbers span.ellipsis {
	display:block;
	float:left;
	line-height:30px;
	padding: 0 8px;
	text-align:center;
}
.navigation .current {
	background-color:#efefef;
	color:#444;
}
.navigation .page_numbers {
	margin:0 auto;
	display:inline-block;
}
.navigation .paginator_previous {
	float:left;
}
.navigation .paginator_next {
	float:right;
}
.navigation .nav_links {
	float:right;
}
.navigation .nav_links .nav_divider {
	margin-right:5px;
	margin-left:5px;
}
.navigation .button {
	text-transform: none;
	padding: 8px 15px;
}

.no_rating {
	color: #969696;
	height:15px;
	padding-top:5px;
	font-weight: bold;
	font-style:italic;
}

.no_rating_big {
	color: #969696;
	height:20px;
	padding-top:10px;
	font-weight: bold;
	font-style:italic;
}

/* user statistics */
.user-statistics {
	margin-top: 10px;
	margin-bottom: 30px;
}

.user-statistics ul {
	margin-top: 10px;
	padding-left: 25px;
}

.user-statistics li {
	font-size: 14px;
	line-height: 14px;
	padding: 6px 0;
}

.user-statistics li i {
	margin-right: 5px;
}

.user-statistics li span {
	font-size: 18px;
}

.user-statistics li.dropdown {
	cursor: pointer;
}

/* user row */

.user-row {
	border-bottom: 1px solid #dadada;
	height: 70px;
	line-height: 60px;
	margin-bottom: 10px;
}

.user-row:last-of-type {
	border-bottom: 0;
}

.user-row .user-row-position {
	float: left;
	font-size: 14px;
	font-weight: 600;
	height: 60px;
	width: 35px;
}

.user-row .photo.medium {
	float: left;
	height: 60px;
	margin-right: 20px;
	width: 60px;
}

.user-row .user-row-user {
	float: left;
	padding-top: 15px;
	width: 305px;
}

.user-row .user-row-user p {
	float: left;
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 0;
}

.user-row .user-row-user p.admin_links {
	font-size: 10px;
	line-height: 18px;
	margin-bottom: 0;
	margin-left: 5px;
}

.user-row .user-row-user p.review-count {
	color: #aeb0b2;
	font-size: 13px;
}

.user-row .user-row-reviews,
.user-row .user-row-badge {
	float: left;
	font-size: 18px;
	text-align: center;
	margin-right: 30px;
	width: 70px;
}

.user-row .user-row-badge {
	padding-top: 15px;
}

/* profile image */
.photo {
	background-color: #FFF;
	/*border: 1px solid #ccc;
	padding: 1px;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	position: relative;
}

.photo img {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 100%;
	height: 100%;
	display: inline;
}

.photo.large {
	height: 110px;
	width: 110px;
}

.photo.medium {
	height: 70px;
	width: 70px;
}

.photo.small {
	height: 45px;
	width: 45px;
}

.photo.tiny {
	height: 32px;
	width: 32px;
}

.photo.micro {
	height: 20px;
	width: 20px;
}

.photo.noborder {
	border: 0;
}

.photo .upload_photo_link {
	position:relative;
	bottom:50px;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
}

.photo .upload_photo_link.large {
	font-size:1.5em;
	bottom:80px;
}

.photo .rating-bubble {
	position: absolute;
	right: -18px;
	top: -8px;
}

.photo .rating-bubble.left_bubble {
	left: -18px;
	right: auto;
}

/* admin links */
#content_wrapper > .admin_links,
.container > .admin_links {
	position:absolute;
	top:10px;
	left:30px;
}
.admin_links {
	color:#969696;
	font-size:10px;
	margin-bottom:5px;
	text-transform:lowercase;
}

#url_home .admin_links .qq-upload-button {
	color:#969696;
}

.admin_links a {
	color:#969696;
	margin-right:5px;
}

.admin_links a:before {
	content:"[";
}

.admin_links a:after {
	content:"]";
}

.admin_links #uploadButton {
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}

/* side box */
.side_box {
	margin-bottom:15px;
}

.side_box_heading {
	border:1px solid #d7d6da;
	border-bottom: none;
	height: 6px;
	background-color: #eaeaea;
}

.side_box_content, .side_box_video {
	padding:10px;
	border:1px solid #d7d6da;
	border-top: none;
}

.side_box_video {
	position: relative;
	height: 230px;
}

/* social widgets */
.fb-hidden-container {
	display: none;
}

/* share buttons */
.facebook_share_button .facebook_button {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: inline-flex;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 20px;
	width: 55px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 11px;
    color: #fff;
    font-weight: 600;
	background-color: #4267b2;
    background: -moz-linear-gradient(top, #6e86bd 0%, #4267b2 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6e86bd), to(#4267b2));
	background: -webkit-linear-gradient(top, #6e86bd 0%, #4267b2 100%);
	background: -o-linear-gradient(top, #6e86bd 0%, #4267b2 100%);
	background: -ms-linear-gradient(top, #6e86bd 0%, #4267b2 100%);
	background: linear-gradient(#6e86bd, #4267b2);
}
.facebook_share_button .facebook_button:hover {
	background: -moz-linear-gradient(top, #4267b2 0%, #6e86bd 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4267b2), to(#6e86bd));
	background: -webkit-linear-gradient(top, #4267b2 0%, #6e86bd 100%);
	background: -o-linear-gradient(top, #4267b2 0%, #6e86bd 100%);
	background: -ms-linear-gradient(top, #4267b2 0%, #6e86bd 100%);
	background: linear-gradient(#4267b2, #6e86bd);
}
.facebook_share_button .facebook_button i {
	color: #fff;
    font-size: 14px;
    margin: 0 4px;
}
.twitter_share_button .twitter_button {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: inline-flex;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 18px;
	width: 58px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 11px;
    color: #000;
	background-color: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #dfdfdf 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfc), to(#dfdfdf));
	background: -webkit-linear-gradient(top, #fcfcfc 0%, #dfdfdf 100%);
	background: -o-linear-gradient(top, #fcfcfc 0%, #dfdfdf 100%);
	background: -ms-linear-gradient(top, #fcfcfc 0%, #dfdfdf 100%);
	background: linear-gradient(#fcfcfc, #dfdfdf);
	border: 1px solid #cccccc;
}
.twitter_share_button .twitter_button:hover {
	background: -moz-linear-gradient(top, #dfdfdf 0%, #fcfcfc 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfdfdf), to(#fcfcfc));
	background: -webkit-linear-gradient(top, #dfdfdf 0%, #fcfcfc 100%);
	background: -o-linear-gradient(top, #dfdfdf 0%, #fcfcfc 100%);
	background: -ms-linear-gradient(top, #dfdfdf 0%, #fcfcfc 100%);
	background: linear-gradient(#dfdfdf, #fcfcfc);
}
.twitter_share_button .twitter_button i {
	color: #00acee;
    font-size: 14px;
    margin: 0 4px;
}
.google_share_button .google_plus_button {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: inline-flex;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 20px;
	width: 32px;
	color: #dd4b38;
	border: 1px solid #cccccc;
}

/* tooltips */
.ui-widget-content.tooltip {
	float: left;
	font-size: 11px;
	padding: 10px;
	background: #fff;
	-webkit-box-shadow: 3px 3px 15px #888888;
	-moz-box-shadow: 3px 3px 15px #888888;
	box-shadow: 3px 3px 15px #888888;
	border: none;
	line-height: 1.3;
	max-width: 250px;
    position: absolute;
}
.ui-widget-content.tooltip::after {
    border-color: transparent #fff;
    border-style: solid;
    border-width: 5px 5px 5px 0px;
    content: "";
    display: block;
    left: -5px;
	margin-top: -5px;
    position: absolute;
    top: 50%;
    z-index:1000;
}
.ui-widget-content.tooltip.tooltip-right::after {
	left: auto;
	right: -5px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.ui-widget-content.tooltip.tooltip-review {
	font-size: 16px;
}
.ui-widget-content.tooltip.tooltip-preview {
	max-width: 360px;
}
.ui-widget-content.tooltip.tooltip-preview .link-preview__icon {
	margin-right: 10px;
	vertical-align: sub;
}
.ui-widget-content.tooltip.tooltip-preview .link-preview__name {
	font-size: 14px;
}
.ui-widget-content.tooltip.tooltip-preview .link-preview__title {
	display: block;
	font-size: 14px;
	margin-top: 5px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui-widget-content.tooltip.tooltip-preview .link-preview__image {
	margin-top: 5px;
	max-height: 200px;
}

.ui-widget-content.tooltip.tooltip-preview .link-preview__description {
	margin-top: 5px;
	max-height: 200px;
	overflow: hidden;
}

/* wysiwyg */
.trumbowyg-modal {
	z-index: 112 !important;
}
.trumbowyg-modal * {
	box-sizing: border-box;
}
.trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-button {
	border-radius: 3px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
}
.trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
	background-color: #ee6a22;
}
.trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover,
.trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
	background-color: #e05d16;
}
.trumbowyg-modal .trumbowyg-modal-box form label:nth-child(2) {
	display: none;
}
.trumbowyg-modal .trumbowyg-modal-box label {
	height: 31px;
}
.trumbowyg-modal .trumbowyg-modal-box label div {
	border: 1px solid #DEDEDE;
	float: right;
	height: 31px;
	margin-bottom: 0;
	width: 70%;
}
.trumbowyg-modal .trumbowyg-modal-box label input {
	height: 31px;
	line-height: 31px;
}
.trumbowyg-modal .trumbowyg-modal-box label input[type="file"] {
	border: 0;
	height: 26px;
	line-height: 16px;
	padding: 3px 3px;
	right: 1px;
	top: 2px;
	width: 100%;
}
.trumbowyg-modal .trumbowyg-modal-box label .trumbowyg-input-infos {
	height: 29px;
	line-height: 29px;
}
.trumbowyg-modal .trumbowyg-modal-box label .trumbowyg-input-infos span {
	border-right: 0;
}
.input .trumbowyg-box,
.input .trumbowyg-editor {
	margin-top: 0;
}
.input .trumbowyg-editor {
	background-color: #fff;
	font-size: 14px;
	line-height: 1.6;
}
.input .trumbowyg-box div,
.input .trumbowyg-editor div {
	margin-bottom: 0;
}
.input .trumbowyg-textual-button svg {
	margin-right: 5px;
	vertical-align: middle;
}
.input .trumbowyg-editor img {
	border: 1px dashed #fff;
	cursor: se-resize;
	display: block;
	height: 160px;
	width: auto;
}
.input .trumbowyg-editor img:hover,
.input .trumbowyg-editor img.resizimg-resizing {
	border-color: #015899;
}

/* categories */
.category .overlay {
	left: 0;
	position: absolute;
	top: 0;
}
.category .overlay.blue {
	background-color: rgba(67, 121, 172, 0.9);
}

/* noty styles */
#noty_top_layout_container {
	left: 0 !important;
	width: 100% !important;
}
#noty_top_layout_container li {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
#noty_top_layout_container .noty_message {
	padding: 13px 20px !important;
}
#noty_top_layout_container .noty_text {
	font-size: 15px;
}
#noty_layout__under_header {
	max-width: 100%;
	position: absolute;
	top: 85px;
    width: 100%;
	z-index: 2;
}
.noty_theme__metroui.noty_bar.noty_type__yellow {
	background-color: #fffbe5;
	color: #000;
}
.noty_theme__metroui.noty_bar.noty_under_header {

}
.noty_theme__metroui.noty_bar.noty_fixed_width .noty_body {
	margin: 0 auto;
	padding: 1.05em 0;
	width: 970px;
}
.noty_body a {
	color: #fff;
	text-decoration: underline;
}

/* bootstrap styles */
.form-control {
    display: block;
    width: 90%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-moz-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s,-moz-box-shadow ease-in-out .15s;
}
.ms-ctn .ms-sel-item {
	height: 20px;
	cursor: pointer;
}
.ms-sel-ctn .ms-sel-item.ui-sortable-helper .ms-close-btn {
	margin: 6px 2px 0 8px !important;
}
/***********************************************
 CAKE STYLES
***********************************************/

/* CAKE: tables */
table {
	background: #fff;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	border:0;
	border-bottom:2px solid #555;
	text-align: left;
	padding:4px;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a.asc:after {
	content: ' ⇣';
}
th a.desc:after {
	content: ' ⇡';
}
table tr td {
	background: #fff;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #ddd;
}
 table tr:nth-child(2n) td {
 background: #f5f5f5;
}
table .altrow td {
	background: #f5f5f5;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
table td.actions a {
	margin: 0px 6px;
	padding:2px 5px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
	font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption {
	color:#fff;
}
/* CAKE: paging */
div.paging {
	background:#fff;
	color: #ccc;
	margin-top: 1em;
	clear:both;
}
div.paging span.disabled {
	color: #ddd;
	display: inline;
}
div.paging span.current {
	color: #c73e14;
}
div.paging span a {
}
/* CAKE: scaffold view */
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl .altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}
/* CAKE: forms */

/* CAKE: notices and errors */
div.message {
	clear: both;
	font-size: 1em;
	font-weight: bold;
	background: #fff55b;
	padding: 10px 30px;
	line-height:18px;
}
div.error-message {
	clear: both;
	color: #fff;
	font-weight: bold;
	background: #c73e14;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
}

/* CAKE: related */
div.related {
	clear: both;
	display: block;
}
/* CAKE: debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}
/* LIMITLESS: uniform */
.input.radio {
	position: relative;
}
.radio .radio-inline {
    position: relative;
    padding-left: 28px;
}
.radio .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
	margin-left: 0;
	height: 20px;
	line-height: 20px;
}
#content .checker span.validator,
#content .choice span.validator,
.dialog .choice span.validator {
	display: none;
}

.container {
	background-color: #fff;
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 100%;
	padding: 0 10px;
	width: 950px;
}

.error.error--url {
	color: #333;
	margin: 60px 0 60px;
	min-height: 300px;
}

.error__title {
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 60px;
	overflow: hidden;
	text-align: center;
    text-overflow: ellipsis;
}

.error__text {
	font-size: 24px;
	margin-bottom: 20px;
	text-align: center;
}

.error__option {
	border-radius: 3px;
	box-shadow: 1px 1px 5px 2px #dadada;
	margin: 0 auto 40px;
	max-width: 100%;
	width: 500px;
}

.error__option__link--red,
.error__option__link--red:hover {
	color: #ce0000;
	cursor: default;
}

.error__option__link--green,
.error__option__link--green:hover {
	color: #45b049;
	cursor: default;
}

.error__option__link {
	background-color: #f7f7f7;
	display: block;
	padding: 20px;
}

.error__option__icon {
	font-size: 50px;
	line-height: 60px !important;
	margin-right: 20px;
	vertical-align: top;
}

.error__option__text {
	display: inline-block;
	font-size: 20px;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 100px);
}

.error__option__text--center {
	text-align: center;
	width: calc(100% - 40px);
}

.error__option__text--title {
	line-height: 60px;
}