﻿#addCommentContainer{
/* Syling the comments and the comment form container */
padding:12px;
font-family:IRANSans, Tahoma;
width:90%;
position:relative;
border:1px solid white;
color:#888;
padding:10px 20px 0 0;
height:405px;
behavior: url('PIE.htc');
background: #eeeff1;
border-radius: 4px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
margin: 30px auto 30px auto;
border: 1px solid #ebeced;	
}
.comment{	
text-align:right;
padding:19px;
width:90%;
position:relative;
border:1px solid white;
color:#888;
margin: 0 auto;
margin-bottom:7px;
behavior: url('PIE.htc');
background: #eeeff1;
border-radius: 4px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);  
border: 1px solid #ebeced;	
}
.anscomment{
text-align:right;
direction:rtl;
padding:5px 10px 10px 10px;
width:89%;
position:relative;
border:1px solid white;
color:#883;
margin-bottom:7px;
behavior: url('PIE.htc');
background:  #DEE3EF;
border-radius: 4px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);   
border: 1px solid #ebeced;
}
.comment .avatar{
height:64px;
right:-80px;
top:22px;
position:absolute;
width:64px;
margin-top:-25px;
}
.comment .avatar img{
display:block;
}
.comment .name{
font-size:14px;
font-weight: bold;
padding-bottom:0px;
margin-top:-12px;
color:#555;
float:right;
display:block;
font-family:IRANSans, Tahoma;
}
.comment .date{
font-size:12px;
padding:6px 0;
position:absolute;
left:15px;
top:10px;
color:#bbb;
margin-top:-10px;
direction:rtl;
font-family:IRANSans, Tahoma;	
}
.comment p,
#addCommentContainer p{
font-size:13px;
line-height:1.5;
overflow-x:hidden;
direction:rtl;
color: #4F4F4F;
font-family:IRANSans, Tahoma;	
}
.comment .answer,
#addCommentContainer p{
font-size:12px;
line-height:1.5;
overflow-x:hidden;
direction:rtl;
color: #414141;
font-family:IRANSans, Tahoma;	
}
#addCommentContainer textarea{
display:block;
direction:rtl;
float:right;
border:1px solid #ccc;
margin:5px 0 5px;
padding:3px;
font-size:18px;
color:#555;
font-family:IRANSans, tahoma;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#addCommentContainer textarea{
width:380px;
}
label span.error{
color:red;
position:relative;
right:10px;
}
#submit{
background-color:#3ec1c7;
border:1px solid #3ec1c7;
color:#FFFFFF;
cursor:pointer;
font-family:IRANSans, Tahoma;
font-size:14px;
font-weight:bold;
padding:4px;
margin-top:5px;
float:right;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
#submit:hover{
background-color:#80cdf5;
border-color:#52b1e2;
}
#main{
margin:0 auto;
width:827px;
high: 300px;
}
#rad{
font-family:IRANSans, Tahoma;
}
a, a:visited {
color:#0196e3;
text-decoration:none;
outline:none;
}
a:hover{
text-decoration:underline;
}
a img{
border:none;
}
.cominput
{
font-size: 16px;
padding: 5px 1%;
width: 95%;
background-color: #FBFBFB;
border: 1px solid #CCCCCC;
color:#555555;
float:right;
font-family: Custom;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-family:IRANSans, Tahoma;
}
label {
display:block;
padding: 2px;
text-align: left;
margin-left: 3px;
text-align:right;
color: #666;
width:98%;
float:right;
line-height:24px;
font-family:IRANSans, Tahoma;
font-size: 14px;
}
.com{
font-size:18px;
line-height:22px;
overflow-x:hidden;
direction:rtl;
padding:0px 5px 10px 5px;
margin-top:10px;
}
.answer{
font-size:14px;
line-height:22px;
overflow-x:hidden;
direction:rtl;
padding:0px 5px 10px 5px;
margin-top:10px;
}
footer{
background-color: #080808;
bottom: 0;
box-shadow: 0 -1px 2px rgba(0,0,0,0.4);
height: 40px;
left: 0;
position: fixed;
width: 100%;
z-index: 100000;
}
footer h2{
font-size: 14px;
font-weight: normal;
position: absolute;
top:0;
left: 50%;
bottom:0;
margin-left: -420px;
padding:13px 20px 0;
border:1px solid #000;
border-width:0 1px;
background-color:rgba(0,0,0,0.6);
box-shadow:0 0 5px #000 inset;
line-height: 1;
margin-top: 0;
direction:rtl;
}
footer h2 a{
color: #EEEEEE !important;
text-decoration:none !important;
}
footer h2 i{
font-style:normal;
color:#888;
}
#farsscript-download{
opacity:0.9;
background-color:#257691;
font-size:18px;
text-align:center;
text-transform:uppercase;
width:150px;
height:28px;
line-height:28px;
text-decoration:none !important;
display: inline-block;
border-radius: 2px;
color: #fff !Important;
font-weight: bold;
box-shadow: 0 -1px 2px #1e5e74 inset;
border-top:1px solid #26849c;
text-shadow:1px 1px 1px #1e6176;
margin-top:6px;
}
#farsscript-download:hover{
opacity:1;
}
#farsscript-actions{
position:absolute;
top:0;
width:500px;
right:50%;
margin-right:-420px;
text-align:right;
}
#farsscript-actions iframe{
display: inline-block;
height: 21px;
width: 95px;
position: relative;
margin-top: 11px;
}