/* ------------------------------------------------------------------------------------------------------- */
#commentRoot 										{margin: 0 0 20px 0; padding: 0; list-style-type: none; width: 660px; }
#commentRoot li 									{margin: 2px 0 2px 0; min-height: 36px; }
#commentRoot li .oldcomm						{border-right: 2px solid #ddd; border-bottom: 2px solid #eee; border-radius: 21px;  padding: 6px 10px 10px 10px; color: #111; background-color: #f6f6f6;overflow: hidden;}		
#commentRoot li .newcomm  					{border-right: 2px solid #ddd; border-bottom: 2px solid #eee; border-radius: 21px;  padding: 6px 10px 10px 10px; color: #222; background-color: #f0f6ff; overflow: hidden;}
#commentRoot li .lastcomm 					{border-right: 2px solid #ddd; border-bottom: 2px solid #eee; border-radius: 21px;  padding: 6px 10px 10px 10px; color: #222; background-color: #e4f0ff; overflow: hidden;}
#commentRoot li .red  							{background-color: #ffe0d0; border: solid 1px #f0f0f0; overflow: hidden;}
#commentRoot li .yellow 							{background-color: #ffffd0; border: solid 1px #f0f0f0; overflow: hidden;}
#commentRoot li .green  							{background-color: #e0ffd0; border: solid 1px #f0f0f0; overflow: hidden;}
#commentRoot li .sticky  							{border-right: 2px solid #ddd; border-bottom: 2px solid #eee; border-radius: 21px;  padding: 6px 10px 10px 10px; color: #222; background-color: #f0f6ff; overflow: hidden;}
#commentRoot li.spacer							{margin: 4px 0 4px 0; font-size: 15px; color: #999; min-height: 18px; text-align: center; overflow: hidden;}		
#commentRoot li h6 span.author 					{cursor: pointer; font-weight: bold}
/*#commentRoot > li:nth-child(n) > div*/
#commentRoot li h6 									{height: 13px; font-size: 13px; margin: 3px 0 0 0; padding: 0; line-height: 100%; vertical-align: bottom;}
#commentRoot li h6 span.date_add 				{color: #666; font-family: Verdana, Arial, sans-serif; padding: 0;}
#commentRoot li h6 span.date_add a			{color: #666; text-decoration: none;}
#commentRoot li h6 span.date_add a:hover 	{color: #666; text-decoration: underline;}
#commentRoot li h6 span.commhide				{float: right; color: #CCC; margin-right: 6px; cursor: pointer;}
#commentRoot li h6 span.commhide:hover		{float: right; color: #F33; margin-right: 6px; cursor: pointer;}
#commentRoot li h6 span.commedit				{float: right; color: #CCC; margin-right: 6px; cursor: pointer;}			 	
#commentRoot li h6 span.commedit:hover		{float: right; color: #F33; margin-right: 6px; cursor: pointer;}		
#commentRoot li h6 span.commquote				{float: right; color: #CCC; margin-right: 3px; cursor: pointer;}			 	
#commentRoot li h6 span.commquote:hover		{float: right; color: #F33; margin-right: 3px; cursor: pointer;}		
#commentRoot li div.addreply						{color: #06f; margin-left: 4px; padding: 0; cursor: pointer; float: left; clear: both; display: block; box-sizing: padding-box;}
#commentRoot li div.addreply:hover 				{color: #06f; text-decoration: underline;}
#commentRoot li div div blockquote				{color: #555; font-size: 0.8em; line-height: 125%; border-style: solid; border-color: #ccc; border-width: 1px;  border-radius: 4px; padding: 4px; margin: 2px 8px 2px 24px; display: block; clear: both;}
#commentRoot li div div video						{display: block; clear: both;}
/*#commentRoot li div.addreply						{}*/

#commentRoot  li div div a img.commimages	{max-height: 240px; max-width: 560px;}
#commentRoot > li > div > div > a > img		{max-height: 560px !important;}


#commentRoot li .comment						{font-size: 12px; margin: 0px 2px 0px 0px; padding: 0;}
#commentRoot li .comment	span				{margin: 0px 2px 0px 30px; }
#commentRoot li .comment	span.pages	{display: inline-block; width: 22px; text-align: center; margin: 8px; color: #06f; cursor: pointer; text-decoration: none; font-size: 18px; border: 1px solid #bb9;  border-radius: 3px; padding: 5px;}
/*
#commentRoot li .comment	span				{text-align: right; margin: 0px 2px 0px 30px; }
#commentRoot li .comment	span.pages	{display: inline-block; margin: 0px 4px 0px 4px; color: #06f; cursor: pointer; text-decoration: none; padding: 2px;}
*/
#commentRoot li .reply							{font-size: 12px;  font-family: Verdana, Arial, sans-serif; line-height: 100%;  }
#commentRoot li ul									{padding-left: 64px; clear: both; }
#commentRoot .loader 							{display: none; margin: 3px 18px 0 12px; float: right;}  
#commentRoot .userpic 							{float: left; box-sizing: padding-box; margin: 2px 4px 0 0; height: 32px; width: 32px;}  
#commentRoot button								{margin: 0px 6px 0 24px; height: 22px; width: 64px; color: #999; font-family: Verdana, Arial, sans-serif; float: right;} 
#commentRoot > li:nth-child(n) > div:nth-child(1)		{margin-top: 8px;}
#commentRoot > li:nth-child(3)								{margin-top: 8px;} /* поиск li  */
#commentRoot > li:nth-child(n) > div div.comment		{font-size: 16px; line-height: 125%;}
/*#commentRoot > li:nth-child(n) > div div.addreply		{}  нужен для перезаписи none*/

@media screen and (max-device-width : 768px){
	#commentRoot li h6 							{height: 16px; font-size: 15px; margin: 3px 0 0 0; padding: 0; line-height: 100%; vertical-align: bottom;}
	#commentRoot > li:nth-child(n) > div div.comment		{font-size: 20px; line-height: 120%; }
	#commentRoot  li.spacer											{font-size: 20px; }
	#commentRoot  li div div h3	{font-size: 27px}
}


#newCommPost										{box-sizing: padding-box; margin: 2px 0px 2px 0; color: #333; background: #fafafa; border: solid 1px #f0f0f0; padding: 2px 0 2px 0; clear: both; overflow: hidden; border-radius: 9px; }
#newCommPost .userpic 							{height: 32px; width: 32px; vertical-align: top;}  
#newCommPost textarea							{width: 600px; height: 96px; box-sizing: padding-box; margin: 1px; vertical-align: middle; border: solid 1px #ccc; background: #eee; resize: vertical; clear: right;}  
#newCommPost div.commenu					{box-sizing: padding-box; margin: 2px 8px 0 32px; padding: 0; float: right; height: 30px;}
#newCommPost div.commenu img				{cursor: pointer;}
#commentMsg										{display: none; float: left; width: 350px; background: url('/images/icons/warning16.png') no-repeat #ffe; color: #333; font-size: 13px; padding: 3px 3px 3px 20px; margin: 4px 0px 2px 36px; line-height: 100%;} 

#newComment 										{box-sizing: padding-box; margin: 2px 0px 2px 0; color: #333; background: #fafafa; border: solid 1px #f0f0f0; padding: 2px 0 2px 0; clear: both; overflow: hidden;}
#newComment .userpic 							{width: 32px; height: 32px; vertical-align: top;}  
#newComment textarea							{width: 400px; height: 32px; box-sizing: padding-box; margin: 1px; vertical-align: middle; border: solid 1px #ccc; background: #eee; resize: vertical;}  
#newComment div.commenu 					{box-sizing: padding-box; margin: 2px 0 0 32px; padding: 0; float: right; clear: both; height: 30px;}
#newComment div.commenu img				{cursor: pointer;}
#commentPostMsg									{display: none; width: 350px; background: url('/images/icons/warning16.png') no-repeat #ffe; color: #333; font-size: 13px; box-sizing: border-box; padding: 3px 3px 3px 20px; margin: 2px 0px 2px 2px; line-height: 100%;} 

/*
#formsmileblock 									{width: 400px; height: 240px; overflow: hidden; position: fixed; top: 100px; left: 9999px; box-sizing: padding-box; background: #fafafa; border: solid 1px #f0f0f0; padding: 2px 0 2px 0;}
*/
#commentPostSmiles								{height: 160px; overflow: hidden; display: none; clear: both; padding: 2px 16px 2px 16px; box-sizing: padding-box; border: solid 1px #f0f0f0; margin: 32px 16px 2px 34px;}
#commentSmiles								{height: 160px; overflow: hidden; display: none; clear: both; padding: 2px 16px 2px 16px; box-sizing: padding-box; border: solid 1px #f0f0f0; margin: 32px 16px 2px 34px;}
#commentHelp 										{width: 600px; height: 320px; overflow: hidden; display: none; clear: both; padding: 2px 16px 2px 16px; font-size: 0.9em; font-family: Tahoma, Arial, sans-serif;}

#commentRoot li#searchline					{margin-top: 10px;}
#commentRoot li#searchline input			{color: #999; display: inline; height: 20px; width: 626px; border: 1px solid #ccc; background: #f8f8f8; border-radius: 9px; }
#commentRoot #iconsearch 						{vertical-align: top; padding: 0 0 0 4px; cursor: pointer;}

/* ------------------------------------------------------------------------------------------------------- */

.markth						{font-weight: bold; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 0; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.unmarkth 					{font-weight: normal; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #CCC;}