@import "rp_article.css";
@import "rp_eko24.css";


/******************************************************************************/
/*
 * 																układ strony															*/
#col2 {
	float: right;
	margin-right: 10px;
	width: 300px;
	background:none transparent;
	border:none;
}
.articleTitle {
  color: #50593E;
}
.lowLvlStatic {
  background:#293124 none repeat-x scroll 0 0;
  border-bottom: 1px solid #999999;
  display: block;
  height: 30px;
  list-style: none outside none;
}

.lowLvlStatic li {
	float: left;
	padding-left: 20px;
 	padding-right: 20px;
}

#menuBox .lowLvlElement a {
	line-height: 2.6em;
}

#menuBox .specLowLevel a {
	line-height: 2.4em;
}

.lowLvlActive {
	background:#505F45 none no-repeat scroll 0 0 ;
}

#menuBox .lowLvlActive a {
	color: #FFFFFF;
}



/*****************************************************
 																	  add comment form */
.articleCommentInfo, .articleCommentForm {
	background-color: #EEE;
	border: 1px solid #CCC;
	padding: 10px;
	font-size: 13px;
}

.articleCommentInfo h3 {
	margin-bottom: 15px;
}

.articleCommentForm {
	border-top: 0 none;
}

p.userInfo {
	color: #666;
}

p.userInfo a {
	font-size: 0.9em;
	line-height: 1.5em;
}

p.userInfo a, p.userInfo span.delim {
	display: block;
	float: right;
}

p.userInfo span.delim {
	padding-right: 10px;
	text-indent: -999em;
	border-right: 1px solid #CCC;
	margin-right: 10px;
	line-height: 1.4em;
}

p.charsCounter {
	text-align: right;
	padding: 10px 0 0;
	font-size: 1.1em;
}

.formRow {
	clear: both;
	padding: 15px 0 0;
}

.formRow input {
	width: 207px;
}

.formRow textarea {
	margin: 0;
	width: 566px;
	min-width: 566px;
	max-width: 566px;
	height: 80px;
	min-height: 80px;
	max-height: 80px;
}

.formRow input, .formRow label {
	display: block;
	float: left;
}

.formRow input, .formRow textarea {
	border: 1px solid #CCC;
}

.formRow label {
	line-height: 20px;
	width: 60px;
}

.formRow label.commentEmail {
	margin-left: 20px;
}

.formRow label.commentEmailInfo {
	width: auto !important;
}

.formRow label.agreement {
	width: 500px;
	font-size: 0.85em;
	line-height: 14px;
	padding: 3px 10px 0;
}

.formRow label.agreement a {
}

.formRow #agreement {
	width: auto;
}

.formRow #addComment, a.showAllComments {
	display: block;
	border: 1px solid #2A3D20;
	padding: 5px 10px;;
	color: #FFF;
	background-color: #2A3D20;
	font-size: 13px;
	float: right;
	cursor: pointer;
	width: auto;
}

.formRow #addComment:hover, a.showAllComments:hover {
	background-color: #608639;
	text-decoration: none;
}

/****************************************************************************************
 																	  	  comment tabs */
.articleTabs_Panel {
	border-bottom: 1px solid #ccc;
	height: 27px;
}

.articleTabs_Panel h3 {
	cursor: pointer;
	float: left;
	height: 18px;
	text-align: left;
	text-transform: uppercase;
	color: #999; 
	font-size: 1.6em; 
	font-weight: bold; 
	padding: 4px 15px 5px 11px; 
}

.articleTabs_Panel h3 a:link, 
.articleTabs_Panel h3 a:visited, 
.articleTabs_Panel h3 a:active, 
.articleTabs_Panel h3 a:hover {
	border-left: 1px solid #ccc; 
	padding: 0;
	padding-left: 5px;
}

.articleTabs_Panel h3.articleTab_Active a:link,
.articleTabs_Panel h3.articleTab_Active a:visited,
.articleTabs_Panel h3.articleTab_Active a:active,
.articleTabs_Panel h3.articleTab_Active a:hover {
	border-left: none medium;
	color:#333333;
	cursor: default;
	text-decoration: none;
}

.articleTabs_Panel h3#articleTab_recommended a:link,
.articleTabs_Panel h3#articleTab_recommended a:visited,
.articleTabs_Panel h3#articleTab_recommended a:active,
.articleTabs_Panel h3#articleTab_recommended a:hover {
	border-left: none medium;
}

.articleTabs_Panel h3.articleTab_noBorder a:link,
.articleTabs_Panel h3.articleTab_noBorder a:visited,
.articleTabs_Panel h3.articleTab_noBorder a:active,
.articleTabs_Panel h3.articleTab_noBorder a:hover {
	border-left: none medium;
}

.articleTabs_Panel h3 a:hover,
.articleTabs_Panel h3#articleTab_recommended a:hover,
.articleTabs_Panel h3.articleTab_noBorder a:hover  {
	color: #333;
	text-decoration: none;
}

.articleTabs_Panel h3 a:visited {
	cursor: pointer;
}

.articleTabs_Panel h3.articleTab_Active {
	cursor: default;
	font-weight: bold;
	border: 1px solid #ccc; 
	border-bottom: none medium; 
}

/*
.articleTabs_Panel h3.articleTab_Hover {
	background: #FFFFFF none repeat scroll 0 0;
	color: #333333;
	font-weight: bold;
}
*/

/****************************************************************************************
 																	  article comments */
#articleCommentsList {
	margin-top: 15px;
}

#articleCommentsPagination div.articleComments_Navi {
	padding: 0 0 4px;
	border: 0;
}

#articleCommentsContent p.articleNC {
	margin: 10px 0 50px;
	font-size: 1.4em;
}

ul.commentsList li {
	padding: 15px 0;
	border-bottom: 1px dotted #cccccc;
}

ul.commentsList li p.commentInfo {
	color: #666;
	padding-bottom: 15px;
}

ul.commentsList li p.commentText {
	padding-bottom: 15px;
}

ul.commentsList li p.commentInfo strong {
	color: #000;
}

ul.commentsList li p.commentInfo span {
	float: right;
}

ul.commentsList li .addCommentRecommendation span.commentRecommendationButton {
	margin-right: 30px;
}

ul.commentsList li .addCommentRecommendation span.totalCommentRecommendations {
	color: #467F22;
	font-weight: bold;
}

ul.commentsList li .addCommentRecommendation span.commentRecommendationButton img {
	width: 13px;
	height: 13px;
	cursor: pointer;
	padding-right: 5px;
	vertical-align: top;
}
	
a.showAllComments {
	width: auto;
	height: 20px;
	line-height: 20px;
	margin-top: 15px;
}