html{overflow-y:scroll}

img {border: none;}

#site-container{
	min-height	: 100%;
	height		: 100%;
	position	: relative;
	overflow	: visible;
	z-index		: 1;
	min-width: 1030px;
}

#articles {
	font-family	: Verdana;
	font-size	: 12px;
	line-height	: 18px;
}

body>#site-container{
	height		: auto;
}

.clear{clear:both;display:block;}

.layouts-normal {
	margin-top: 20px;
}

/* -------------------------------------------------- Left block --------------------------------------------- */
.layouts-normal .left-block {
	width: 586px;
	float: left;
	padding : 0px;
}

.left-block-bg {
	background: -1200px 0 url('../images/left-block-bg.png') repeat-y;
	position: relative;
	padding-bottom: 13px;
	zoom: 100%;
}

.left-block .left-block-top {
	height: 31px;
	width: 586px;
	background: 0 0 url('../images/left-block-bg.png') no-repeat;
}

.left-block .left-block-bottom {
	height: 13px;
	width: 586px;
	background: -600px bottom url('../images/left-block-bg.png') no-repeat;
	position: absolute;
	bottom: -9px;
	left: 0px;
	zoom: 100%;
}

.left-block .navigation {
	margin: 5px 20px 5px 20px;
	padding: 3px 5px 3px 5px;
	background: #f0f0f0;
}

.left-block .navigation a.current {
	color: #000;
	cursor: default;
}

/* -------------------------------------------------- Right block --------------------------------------------- */
.layouts-normal .right-block {
	float: left;
	width: 248px;
	margin: 0px 0px 0px 50px;
	padding: 20px 15px 20px 13px;
	/*overflow: hidden;*/
}

.right-block h4 {
	font-size: 140%;
}

.right-block ul.categories {
	list-style: none;
	background: url('../images/list-border-bg.png') left bottom repeat-x;
}

.right-block ul.categories li {
	background: url('../images/list-border-bg.png') left top repeat-x;
	padding: 0px;
	list-style: none;
}

.right-block ul.categories li a {
	color: #1867b9;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background: url('../images/green-arrow.gif') 0px 8px no-repeat;
	padding: 5px 20px 5px 20px;
}

.right-block .list-item {
	float: none;
	clear: both;
}

.right-block .list-item img {
	float: left;
	margin: 0px 10px 0px 0px;
}

.right-block .right-content {
	margin-bottom: 20px;
}

.right-block .right-content-padding {
	padding-right: 10px;
	padding-left: 10px;
}

.right-block .right-content-margin {
	margin-right: 10px;
	margin-left: 10px;
}

.right-block .right-content .delimeter {
	height: 1px;
	border-bottom: 1px solid #d7d9dd;
	float: none;
	clear: both;
	margin: 10px 0px 15px 0px;
	overflow: hidden;
}

.delimeter-dt {
	padding-bottom: 20px;
	background: url('../images/list-border-bg.png') bottom left repeat-x;
}

.right-block .comments-count {
	width: 28px;
	height: 33px;
	background: url('../images/comment-counter-small.gif') top left no-repeat;
	float: right;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 240%;
	margin-top: 5px;
	margin-left: 5px;
}

.right-block .right-content-bg {
	background: url('../images/right-content-bg.gif') top left repeat-y;
	padding: 0px 20px 0px 20px;
}

.right-block .font-small {
	font-size: 85%;
	line-height: 120%;
}

.right-block .right-content-bg h4{
	width: 208px;
	height: 23px;
	margin: 0px -20px 10px -20px;
	padding: 10px 20px 0px 20px;
	background: url('../images/right-content-top-bg.gif') top left no-repeat;
}

.right-block .right-content-bg .right-content-bottom-bg{
	width: 250px;
	height: 8px;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: 10px;
	background: url('../images/right-content-bottom-bg.gif') top left no-repeat;
	overflow: hidden;
}

.right-block .author {
	color: #4d4d4d;
}

.right-block .author span {
	display: block;
	margin-bottom: 4px;
	font-size: 120%;
}

.right-block .author img{
	float: left;
	margin: 0px 10px 5px 0px;
}

/* -------------------------------------------------- Article block --------------------------------------------- */
.articles-block,
.article-page {
	padding: 0px 20px 0px 20px;
	color: #4d4d4d;
	background: url('../images/articles-block-bg.gif') top left repeat-x;
	margin: 0px 1px 30px 2px;
	padding-top: 25px;
}
.articles-block {
	width : 543px;
	zoom:100%;
}

.articles-block-first,
.article-page {
	background: none;
	padding-top: 0px;
}

.articles-block h3,
.article-page h1 {
	font-family: Arial;
	font-size: 200%;
	padding: 0px 0px 0px 35px;
	margin: 0px 0px 10px 0px;
	color: #000;
}

.articles-block h3 a {
	color: #000;
	font-family: Arial;
	text-decoration: none;
}

.article-page h2 {
	font-family: Arial;
	font-weight: bold;
	text-align: center;
	font-size: 220%;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	color: #000;
}

.article-page h3 {
	font-family: Verdana;
	font-size: 140%;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	color: #000;
}

.with-comments-counter .articles-author,
.with-comments-counter h3,
.article-page .articles-author {
	padding-left: 35px;
}

.articles-block .articles-author,
.articles-block .articles-image,
.article-page .articles-author,
.article-page .articles-image {
	margin-bottom: 15px;
}

.articles-block .articles-image,
.article-page .articles-image {
	text-align: center;
}

.article-content{
	overflow: hidden;
}

.comments-counter {
	width: 70px;
	height: 70px;
	float: left;
	display : inline;
	margin-left: -55px;
	margin-top: 5px;
	background: url('../images/comments-counter-bg.jpg') top left no-repeat;
	position: relative;
	text-align: center;
	color: #fff;
	font-size: 90%;
	padding-top: 20px;
}

@media (max-width: 940px) {
	.comments-counter {
		margin-left: -15px;
		margin-right: 10px;
	}
}

.comments-counter span {
	font-size: 280%;
	display: block;
	margin-bottom: 2px;
}

.articles-block .articles-bar {
	height: 35px;
	background: url('../images/bar-bg.gif') top right;
	position: relative;
}

.articles-block .articles-bar .read-more {
	position: absolute;
	right: 0px;
	bottom: 0px;
	display: block;
	width: 125px;
	height: 25px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}

.articles-block .articles-bar .addthis_toolbox {
	position: absolute;
	top: 10px;
	left: 5px;
}

.articles-block .articles-bar .fb-like {float: left;}

.articles-block .articles-teaser,
.article-page .articles-teaser {
	margin-bottom: 30px;
}

.top-articles .item-title {
	padding-left: 65px;
}

.article-delimeter {
	height: 22px;
	float: none;
	clear: both;
	background: url('../images/article-delimeter-bg.gif') top center no-repeat;
	margin-top: 30px;
}

.quote {
	background: #f0f0f0 url('../images/quote-bg.gif') top left no-repeat;
	padding: 20px 50px 20px 80px;
	font-family: Verdana;
	font-style: italic;
	color: #4a9500;
	font-size: 125%;
	margin: 20px 0px 20px 0px;
}

.articles-feedback{
	margin-top: 30px;
	border-top: #f0f0f0 5px solid;
	padding: 15px 0px 15px 0px;
	position: relative;
}

.articles-feedback .feedback-yes,
.articles-feedback .feedback-no {
	display        : block;
	text-decoration: none;
	float          : left;
	height         : 20px;
	padding        : 0px 10px 0px 25px;
	cursor         : pointer;
}

.articles-feedback .feedback-yes {
	color: #4a9500;
	right: 90px;
	background: url('../images/feedback-yes.gif') top left no-repeat;
}

.articles-feedback .feedback-no {
	color: #fd6811;
	background: url('../images/feedback-no.gif') top left no-repeat;
}

.articles-feedback .loading {
	position: absolute;
	right: 90px;
	display: none;
}

.articles-feedback .result-title {
	float        : left;
	height       : 30px;
	display      : block;
	margin-right : 20px;
	font-family  : Arial;
	font-size    : 160%;
	font-weight  : bold;
	color        : #333333;
}

.articles-links {
	background: #f0f0f0 url('../images/articles-links-bg.gif') top left no-repeat;
	padding: 20px 20px 15px 20px;
	color: #333;
	font-size: 90%;
}

.articles-social {
	height: 105px;
	position: relative;
	background: url('../images/articles-social-bg.gif') top left no-repeat;
	color: #d9d9d9;
	font-size: 180%;
	padding: 15px 0px 0px 15px;
}

.articles-social .addthis_button {
	position: absolute;
	right: 20px;
	top: 70px;
}

.social-link {
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 62px;
}

.articles-socialbox{
	background: url('../images/articles-socialbox-bg.png') top left no-repeat;
	width: 245px;
	height: 95px;
	position: relative;
}
.articles-socialbox .addthis_button_facebook_like,
.articles-socialbox .addthis_button_tweet,
.articles-socialbox .addthis_counter {
	position: absolute;
	top: 15px;
}
.articles-socialbox .addthis_button_facebook_like {left: 15px;}
.articles-socialbox .addthis_button_tweet {left: 92px;}
.articles-socialbox .addthis_counter {right: 15px;}

.social-delicious {left: 25px;}
.social-stumbleupon {left: 77px;}
.social-facebook {left: 129px;}
.social-twitter {left: 181px;}
.social-digg {left: 233px;}


/* -------------------------- Comments --------------------------------------------- */
.comments {
	margin-top: 20px;
}
.comments .left-block {
	width : 864px;
	float : none;
}

.comments-container {
	width: 864px;
}

.comments-container .error,
.comments-container .success,
.comments-container .warning {
	width: 500px;
	margin-left: 20px;
	margin-right: 20px;
}

.comments-container h2 {
	padding: 0px 0px 30px 20px;
	margin: 0px;
}

.comment-even {
	background: #f0f0f0 url('../images/comment-even-bg.gif') top left repeat-y;
}

.comment{
	padding: 25px 20px 25px 0px;
	position: relative;
	zoom : 100%;
}

.comment .comment-info{
	padding-left: 20px;
	width: 230px;
	float: left;
}

.comment .comment-info .comment-userpic {
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	margin-top: 2px;
}

.comment .comment-info .comment-author {
	font-weight: bold;
	color: #0066dd;
}

.comment .comment-info .comment-date {
	color: #444545;
	font-family: Arial;
}

.comment .comment-info .comment-actions {
	margin-top: 10px;
}

.comment .comment-text {
	float: left;
	width: 546px;
	padding: 0px 20px 0px 20px;
}

.comment .comment-actions {
	width: 186px;
}

.comment .comment-reply {
	display: block;
	width: 53px;
	height: 21px;
	background: url('../images/reply-button.gif') top left no-repeat;
	line-height: 21px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	float: left;
}
.comment .comment-up,
.comment .comment-down {
	display: block;
	width: 16px;
	height: 16px;
	background: url('../images/comments-vote.gif') 0px 0px no-repeat;
	float: left;
	margin: 3px 0px 0px 30px;
	cursor: pointer;
}
.comment .comment-up {
	background-position : 0px 0px;
	margin  : 3px 0px 0px 30px;
}

.comment .comment-down {
	background-position : -17px 0px;
	margin  : 3px 0px 0px 5px;
}

.comment .comment-up.disabled,
.comment .comment-down.disabled {
	cursor: default;
}

.comment .comments-plusone-loading {
	width: 16px;
	height: 16px;
	float: left;
	margin-top: 2px;
	display: none;
}

.comment .comments-plusone-res {
	width: 30px;
	float: left;
	margin-left: 10px;
	margin-top: 2px;
	font-weight: bold;
	color: #444545;
}

.comment .comments-plusone-res.green{
	color: #4abb00;
}

.comment .comments-plusone-res.red{
	color: #ff0000;
}

.comments-container .navigation {
	text-align: right;
}

.comments-container .navigation .current {
	color: #000;
	cursor: default;
}

.comment-delimeter {
	width: 585px;
	height: 1px;
	border-top: 1px solid #b2b2b2;
	line-height: 1px;
	overflow: hidden;
	margin-left: 1px;
}

.comment-mod {
	/*margin-left: 25px;*/
}

.comment-mod .comment-text{
	/*width: 520px;*/
	padding: 10px 20px 10px 20px;
	color: #0066dd;
}

.comment .actions {
	float: none;
	clear: both;
	position: absolute;
	bottom: 5px;
	right: 290px;
}

.comment .actions a{
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin-left: 3px;
}

a.edit{background-image:url('/en/articles/includes/templates/images/adm/application_edit.png');}
a.delete{background-image:url('/en/articles/includes/templates/images/adm/application_delete.png');}
a.status-on{background-image:url('/en/articles/includes/templates/images/adm/status_16_on.png');}
a.status-off{background-image:url('/en/articles/includes/templates/images/adm/status_16_off.png');}
a.checked{background-image:url('/en/articles/includes/templates/images/adm/flag_16_green.png');}
a.unchecked{background-image:url('/en/articles/includes/templates/images/adm/flag_16_red.png');}
a.reply{background-image:url('/en/articles/includes/templates/images/adm/add.png');}

#add_comment_res {
	display: none;
}

#add_comment_res .error,
#add_comment_res .success,
#add_comment_res .warning {
	margin-left: 0px;
}


/* Comment form */
.comment-form {
	padding: 20px 16px 0px 20px;
	width: 500px;
}

.comment-form #comment-loading {
	margin-left: 10px;
	display: none;
}

.comment-form #followup-container {
	display: block;
	width: 13px;
	height: 13px;
	/*overflow: hidden;*/
	float: left;
	margin: 2px 10px 0px 0px;
	position: relative;
}

.comment-form #followup-checkbox {
	display: block;
	width: 13px;
	height: 13px;
	float: left;
	background: url('../images/checkboxes.gif') top left no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}

.comment-form #followup-checkbox.check-on {
	background-position: -14px 0px;
}

.comment-form #followup {
	position: absolute;
	left: 0px;
	top: 0px;
}


/* ------------------------------------------------------------------------------------- */
.green-square {
	margin: 20px 0px 20px 20px;
	padding: 0px;
	list-style: none;
}
.green-square li {
	padding: 0px 0px 10px 20px;
	background: url('../images/green-square.gif') 0px 1px no-repeat;
	list-style: none;
	line-height: 130%;
}

/* -------------------------- System messages -------------------------- */
.error, .notice, .success, .warning {
	margin: 10px 0px 10px 0px;
	padding: 10px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
}

.error, .notice {
	color: #f84f20;
	border-color: #f84f20;
	background: #f8d9d0;
}

.success {
	color: #10ce0a;
	border-color: #10ce0a;
	background: #d6ffd7;
}

.warning {
	border-color: #fffc00;
	background: #ffffd0;
}


/* ----------------------------------- Forms ----------------------------------- */
.input {
	border: 1px solid #b2b2b2;
	background: #f0f0f0;
	margin: 0px;
	padding: 2px;
	font-family: Verdana;
	font-size: 100%;
	color: #000000;
}

textarea.input {
	max-height: 200px;
	min-height: 200px;
	height: 200px;
	line-height: 170%;
}

.input-short {
	width: 250px;
	min-width: 250px;
	max-width: 250px;
}

.input-long {
	width: 496px;
	min-width: 496px;
	max-width: 496px;
}

.input-green {
	width: 150px;
	height: 30px;
	background: url('../images/green-button.gif') top left no-repeat;
	border: none;
	color: #fff;
	font-family: "Myriad Pro";
	font-size: 100%;
	text-transform: uppercase;
	cursor: pointer;
}

.input-disabled {
	color: #ffffff !important;
}

.label {
	color: #444545;
	font-family: Verdana;
	font-size: 110%;
}

/** Articles ratings popup **/
.article-rating-popup .text h4 {
	color: #000000;
	font-size: 195%;
	font-family: Arial;
	font-weight: normal;
}
.article-rating-popup .text h4 {
	padding: 0px 0px 6px 0px;
	margin: 0px;
}


/* Articles feedback form */
#article_feedback {
	display: none;
	width: 410px;
}

#article_feedback_form {
	width: 410px;
	padding : 18px 15px;
	background: url('../images/article-form-dislike.gif') 18px 15px no-repeat;
}
#article_feedback_form .text {
	padding: 13px 15px 0px 165px;
	margin: 0px;
}

#article_feedback_form textarea.input {
	margin : 20px 0px 0px 0px;
	width: 400px;
	height: 75px;
	min-height: 75px;
	max-height: 75px;
	min-width: 400px;
	max-width: 400px;
	overflow:auto;
	border-radius : 5px;
	background : #ffffff;
}

#article_feedback_send {
	display: block;
	width: 100px;
	height: 40px;
	border: none;
	padding: 0px;
	background: url('../images/article-form-dislike-send.gif') top left no-repeat;
	text-indent : -5000px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}


/* Social buttons for fancy-box */
#articles-social-fancy-container {
	width: 435px;
	display: none;
}

#articles-social-fancy {
	width: 395px;
	padding  : 25px 30px;
	overflow: hidden;
	background: url('../images/article-form-like.gif') 25px 30px no-repeat;
}

#articles-social-fancy #social-text {
	font-family: Verdana;
	font-size: 110%;
	line-height: 140%;
	color: #666666;
}
#articles-social-fancy .text {
	padding: 13px 0px 0px 160px;
	margin: 0px;
}
#articles-social-fancy .articles-social{
	height: 40px;
	background: none;
	padding : 30px 0px 0px 147px;
}
#articles-social-fancy .articles-social .social-link {
	height : auto;
	width : auto;
	position :static;
}


#sbtn {
	position: fixed;
	width: 85px;
	height: 220px;
	top: 100px;
	left: 0px;
	display: none;
	text-align: center;
	background: url('../images/background_social.gif') top left no-repeat;
}

#sbtn a{
	display: block;
	width: 32px;
	height: 32px;
	margin-bottom: 5px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#sbtn .sbtn-fb {
	top: 10px;
	left: 17px;
	opacity: 1;
}

#sbtn .sbtn-tw {
	top: 80px;
	left: 12px;
}

#sbtn .sbtn-gp {
	top: 152px;
	left: 17px;
}

.fivestar-container {display: none; padding: 12px 0px 0px 10px;}
.fivestar {cursor: pointer; position: relative; float: left; margin-left: 10px;}
.vote-counters {float: left;}
.vote-active {position: absolute; top: 0px; left: 0px;}
.vote-stars {position: absolute; top: 0px; left: 0px;}