.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999; width: auto; overflow-x:none;overflow-y:auto;font-family:'OfficinaSansC-Bold';font-size:16px;background:#f8f8f8;color:#314c72;-webkit-box-shadow:inset 0 0 5px 5px #ebebeb;-moz-box-shadow:inset 0 0 5px 5px #ebebeb;box-shadow:inset 0 0 5px 5px #ebebeb}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}

.sidr.right{left:auto;right:-35%; width: 32%; background: #fff; padding:20px 10px 200px 30px}


.sidr.left{left:-220px;right:auto}
 
.sidr p{font-size:13px;margin:0 0 12px}
.sidr p a{color:rgba(51,51,51,0.9)}
.sidr>p{margin-left:15px;margin-right:15px}
.sidr ul{display:block;margin:20px 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}
.sidr ul li{display:block;margin:0;line-height:32px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf}

.sidr ul li   {padding:0 15px;display:block;text-decoration:none;color:#314c72}
.sidr ul li a  {text-decoration:none;color:#314c72}

.sidr ul li:hover {-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}

.sidr ul li ul{border-bottom:none;margin:0}

.sidr ul li input { width: 160px; background: #eee; border-radius: 5px; margin: 10px 0; border: 1px solid #eee; padding: 5px }
.sidr ul li img { padding: 10px  0 0 0}
 
 h3 { font-style: normal; padding:0; margin: 0} 

 .sidr.right .sidr-class-comment img { margin: 0 0 -3px 0; }
 .sidr.right .sidr-class-comment { padding: 10px 0 0 0; font-size: 14px;   border-bottom: 1px solid #ccc}
 
 
  .sidr.right .sidr-class-comment .sidr-class-green { font-size: 12px; color: green}
    .sidr.right .sidr-class-comment .sidr-class-red { font-size: 12px; color:#cc0000}
 
  .sidr.right .sidr-class-comment p   { margin: 10px 0; font-size: 14px !important; }
  .sidr-class-date { color: #999}
  .sidr.right a { text-decoration: underline}
      .sidr.right .sidr-class-add { text-align: right}
 
	   	   .sidr.right .sidr-class-submit { color: #e23412; padding: 5px; cursor: pointer; background: #fff; border: 1px solid #e23412;  font-weight: bold; font-family:'OfficinaSansC-Bold'; }
	    .sidr.right .sidr-class-opacity { opacity: 0.2}
	   .opacity { opacity: 0.2}
	    .sidr.right .sidr-class-dnone  { display: none;  }
		.sidr.right .sidr-class-dblock { display: block;  }
			.sidr.right .sidr-class-right { float: right;  }
			.sidr.right .sidr-class-right a { color: #999; font-size: 14px;  text-decoration: none;}
				.sidr.right .sidr-class-profile {font-size: 14px; font-weight: bold;  }
			.sidr.right .sidr-class-profile a { text-decoration: none; }
			.sidr.right .sidr-class-profile img { margin: 0 0 -3px 0}
			.sidr.right #sidr-id-socialbox { padding: 10px 0}
						.sidr.right #sidr-id-errors {float: left;}
			.sidr.right #sidr-id-commentList { padding: 0 0 100px 0}
			
			
			.sidr.right #sidr-id-registration { display: none }
			
			.sidr.right #sidr-id-registration input { padding: 5px; margin: 5px 5px 5px 0; }
			
						.sidr.right #sidr-id-auth { display: none }
			
			
			.sidr.right #sidr-id-auth input { padding: 5px;  margin: 5px 5px 5px 0;  }
			
			
				.sidr.right #sidr-id-remind { display: none }
			
			 
			.sidr.right #sidr-id-remind input { padding: 5px; margin: 5px 5px 5px 0}
			.sidr.right #sidr-id-logError { font-size: 12px; color: #cc0400}
			.sidr.right #sidr-id-remind img { margin: 10px 0 0 0}
			
				.sidr.right #sidr-id-forerrors { font-size: 12px; color: #cc0400}
				
				.sidr.right #sidr-id-forerrorsR { font-size: 12px; color: #cc0400}
				
				.sidr.right #sidr-id-email_r { width: 140px;}
				.sidr.right #sidr-id-code {width: 60px;}
					.sidr.right  #sidr-id-replyText { float: left; color: #999; font-size: 12px;}
    .sidr.right .sidr-class-add textarea { width: 95%; height: 50px; padding: 10px; font-family:'OfficinaSansC-Bold';}
	    .sidr.right .sidr-class-likes { font-size: 16px; float: right}
		.sidr.right .sidr-class-likes a { font-size: 14px; font-weight: bold; color: green; text-decoration: none}
		
		.sidr.right .sidr-class-likes	a.sidr-class-red { color: #cc0000}
		.sidr.right .sidr-class-likes a { color: #999; font-weight: normal;}
		#sidr-id-close {text-align: right; padding: 0 0 10px 0}
		#sidr-id-close a { color: #666; text-decoration: none}
		#sidr-id-close img { margin: 0 10px 0 0}
		.sidr.right .sidr-class-margin1 { margin-left: 20px}
		.sidr.right .sidr-class-margin2 { margin-left: 40px}
		.sidr.right .sidr-class-margin3 { margin-left: 60px}
		.sidr.right .sidr-class-margin4 { margin-left: 80px}
		.sidr.right .sidr-class-margin5 { margin-left: 100px}
		.sidr.right .sidr-class-margin6 { margin-left: 120px}
		 #sidr-id-socialbox { text-align: left;}