﻿@font-face {
    font-family: 'BYekan';
    src:url('../fonts/BYekan.eot') format('eot'),
        url('../fonts/BYekan.woff') format('woff'),
        url('../fonts/BYekan.ttf') format('truetype');
}

@font-face{
    font-family:'FontAwesome';
    src:url('../fonts/fontawesome-webfont.eot') format('eot'),  
        url('../fonts/fontawesome-webfont.woff') format('woff'),
        url('../fonts/fontawesome-webfont.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
.btnSearch{font-size: 11pt;font-weight: bold;font-family: byekan;}
.row{text-align:right;width:98%;margin:0 auto}
.table-content{width:98%;margin:0 auto}
.label{width:100px;float: right;margin-right:10px}
.field{float:right;text-align:left}
.Row_Harmony{width:100%;margin:10px}
table{direction:rtl;text-align:right;}
.treegroup{margin-right:10px;}
ul{margin:0px;padding:0px}
body{margin: 0;font-family: BYekan,Tahoma;font-size: 10pt;direction: rtl;}
input{font-family: BYekan,Tahoma;font-size: 10pt;}
.clear{clear: both;}
.clear_10{clear: both;height:2px}
/******** Start AdminBar *********/
.adminbar{  background: #2e2e2e url('../images/harmony-logo.png') no-repeat center left;  height: 60px; }
.adminbar ul{  margin: 0;  padding: 0;  list-style: none; }
.adminbar ul li{  float: right; }
.adminbar ul li a{  text-decoration: none;  color: #b1b1b1;  padding: 18px 10px 19px;  display: block;white-space: nowrap }
.adminbar ul li a i{  font-size: 22px;  vertical-align: middle;  padding-left: 5px;  color: #DC04CB; }
.adminbar ul li:hover>a, .adminbar ul li a:hover, .adminbar ul li a.active{background: #1c1c1c;padding: 16px 10px 21px;border-top: 2px solid #DC04CB;}
.adminbar ul ul{position: absolute;display: none;}
.adminbar ul ul li{clear: both;background: #2e2e2e;z-index:999}
.adminbar ul ul li a{width: 160px;}
.adminbar ul li a i{font-size: 18px;}
.adminbar ul li:hover>ul{display: block;}
.adminbar ul>li:hover>ul li{border-bottom: 1px dotted #888; position: relative;}
.adminbar ul>li:hover>ul li a{padding: 7px 10px; height: auto; border: none;}
/********** End AdminBar *********/

/******** Start MainMenu  *********/
.mainmenu{position: absolute;right: 0;width: 200px;border-left: 1px solid #ccc;background-color: #DDDDDD;margin-left:20px !important}
#primary-nav ul{list-style:none;margin:0;padding:0px 0;background-color: #DDDDDD;}
#primary-nav li a{display:block;margin:1px 0 0;color:#999;padding:9px 40px 6px 10px;text-decoration: none;background:rgb(241, 241, 241); /* IE6-9 */
}
#primary-nav li a:hover{color:#777;background-color:#f6f6f6;text-decoration:none}
#primary-nav li a.active{padding-right:35px;color:#333;background-color:#fefefe;border-right:5px solid #39BBF5}
#primary-nav li i{margin:0 -30px 0 10px;width:20px;text-align:center;display:inline-block;color:#DC04CB}
#primary-nav li span{display:block;width:20px;height:20px;float:left;font-size:12px;text-align:center;background-color:rgba(28, 176, 240, 0.29);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#primary-nav li.active>ul{display:block}
#primary-nav li>ul{padding:0;margin:0;display:none}
#primary-nav li>ul a{margin:0;background:#DDDDDD;font-size:13px}
#primary-nav li>ul a.active{margin:0}
/********** End MainMenu  *********/

/******** Start Content  *********/
.content{background-color: #fff;margin-right: 200px;}
.nav-info{margin: 0;padding: 0;list-style: none;background-color: #f6f6f6;border-bottom: 1px solid #ddd;overflow: hidden;}
.nav-info li{display: inline-block;background: url("../images/nav_info_seperator.png") no-repeat center right;line-height: 31px;}
.nav-info li:first-child{background: none;}
.nav-info li:first-child a{padding-left:10px;}
.nav-info li a{padding: 0 5px;text-decoration: none;color: #555;margin-right: 5px;}
.nav-info li.active a{color: #db4a39;}
.nav-info li a:hover{text-decoration: underline;}
.nav-dash{list-style: none;margin: 20px 0;padding: 10px 0;text-align:center;border-top: 1px solid #eee;border-bottom: 1px solid #eee;background-color: #f9f9f9;clear:both;}
.nav-dash li{display: inline-block;*display: inline;zoom: 1}
.nav-dash li a{display: block;background-color: #ddd;border: 1px solid #ccc;-webkit-border-radius: 46px;-moz-border-radius: 46px;border-radius: 46px;width: 32px;height: 32px;padding: 30px;margin: 0 10px;}
.nav-dash li a:visited{color: #000;}
.nav-dash li a{text-decoration: none;position: relative;}
.nav-dash li a i{font-family: FontAwesome;font-size: 30px;font-weight: normal;font-style: normal;text-decoration: none;-webkit-font-smoothing: antialiased;color: #000;}
.nav-dash li a:hover, .nav-dash li a:hover>i {color: #fff;background-color: #db4a39;border: 1px solid #db4a39;text-decoration: none;}
.badge{display: inline-block;padding: 2px 4px;font-size: 12px;line-height: 14px;color: #fff;vertical-align: baseline;white-space: nowrap;text-shadow: 0 -1px 0 rgba(0,0,0,0.25);background-color: #999;-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px;}
.badge-green {background-color: #468847;}
.badge-black {background-color: #333;}
.badge-orange {background-color: #f89406;}
.badge-red {background-color: #b7094f;}
.badge-blue {background-color: #3603c6;}
.ui-tooltip, .arrow:after {background: black !important;}
.ui-tooltip {padding: 10px 20px;color: white !important;border-radius: 20px;font: normal 14px BYekan, Tahoma !important;box-shadow: 0 0 7px black;}
.arrow {width: 70px;height: 16px;overflow: hidden;position: absolute;left: 50%;margin-left: -35px;bottom: -16px;}
.arrow.top {top: -16px;bottom: auto;}
.arrow.left {left: 20%;}
.arrow:after {content: "";position: absolute;left: 20px;top: -20px;width: 25px;height: 25px;box-shadow: 6px 5px 9px -9px black;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);tranform: rotate(45deg);}
.arrow.top:after {bottom: -20px;top: auto;}
.nav-dash>li>a>.badge{position: absolute;top: 0;left: 0;margin: 0 0 0 3px;padding: 3px 7px;}
.dash-widget{float: right;width: 48%;margin: 10px 1%;background-color: #e9e9e9;min-height:390px}
.dash-widget-full{float: right;width:98%;margin: 10px 1%;background-color: #e9e9e9;}
.widget-title{border-bottom: 2px solid #ddd;padding: 7px 13px;font-family: Byekan, Tahoma;font-size: 13pt;background: rgb(209,209,209); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(209,209,209,1) 1%, rgba(241,241,241,1) 50%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(209,209,209,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(209,209,209,1) 1%,rgba(241,241,241,1) 50%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(209,209,209,1) 1%,rgba(241,241,241,1) 50%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(209,209,209,1) 1%,rgba(241,241,241,1) 50%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(209,209,209,1) 1%,rgba(241,241,241,1) 50%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.widget-content{padding:1px;text-align: justify;}

/********** End Content  *********/
input[type=text],textarea,input[type=password]{font-family:'byekan';color: #777;border: 1px solid #ccc;-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04), inset 0 2px 8px 0 rgba(0, 0, 0, 0.075);-moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04), inset 0 2px 8px 0 rgba(0, 0, 0, 0.075);box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04), inset 0 2px 8px 0 rgba(0, 0, 0, 0.075);-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;transition: all 0.25s linear;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 3px;margin: 3px;padding: 6px 9px 7px 9px;height: 35px;direction: rtl;text-align: right;}
input[type=text]:focus,input[type=password]:focus,textarea:focus{border-color:#CE6AC2;background-color:#FCF3FC;outline:none;box-shadow:0 0 6px #CE6AC2;-webkit-box-shadow:0 0 6px #CE6AC2;-moz-box-shadow:0 0 6px #CE6AC2;-moz-transition:all .2s ease-out;-webkit-transition:all .2s ease-out}
input[type=password]{direction: rtl;border: 1px solid #bbb;padding: 0;height: 30px;padding:0 10px;margin-top:10px;margin-bottom:10px;font: 13px/20px Yekan, Tahoma;color: #444;margin:3px 0 0 0;box-shadow: 0 0 6px #dedede;-webkit-box-shadow: 0 0 6px #dedede;-moz-box-shadow: 0 0 6px #dedede;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;text-shadow: 0 1px 0 #fff;}
input[type=password]:focus{border-color:#CE6AC2;background-color:#FFEAF2;outline:none;box-shadow:0 0 6px #CE6AC2;-webkit-box-shadow:0 0 6px #CE6AC2;-moz-box-shadow:0 0 6px #CE6AC2;-moz-transition:all .2s ease-out;-webkit-transition:all .2s ease-out}
input[type="submit"],input[type="button"]{display: inline-block;padding: 7px 10px;font-family: "Yekan","Mitra","Tahoma";font-size: 13px;font-weight: normal;color: #3c3c3d;text-shadow: 1px 1px 0 #fff;background: #ececec url('../images/css3buttons_backgrounds.png') no-repeat 0 0;white-space: nowrap;overflow: visible;cursor: pointer;text-decoration: none;border: 1px solid #cacaca;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;outline: none;position: relative;zoom: 1;line-height: 1.11;width:130px !important;height:30px !important;text-align:center;}
input[type="submit"]:hover,input[type="button"]:hover{color: #fff;border-color: #388ad4;text-decoration: none;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);background-position: 0 -40px;background-color: #2d7dc5;}
input[type="submit"]:active,input[type="button"]:active{border-color:#347bba;background-color:#0f5ea2;color:#fff;text-shadow: none;background-position:0 -80px;top:1px;}
input[type="submit"].delete:hover,input[type="button"].delete:hover{color: #fff;border-color: #da7169;background-color: #da7169;text-decoration: none;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);background-position: 0 -120px;}
input[type="submit"].delete:active,input[type="button"].delete:active{color: #fff;border-color: #da7169;background-color: #da7169;text-decoration: none;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);background-position: 0 -160px;}
input[type="submit"].apply:hover,input[type="button"].apply:hover{color: #fff;border-color: #83e37d;background-color: #83e37d;text-decoration: none;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);background-position: 0 -280px;}
input[type="submit"].apply:active,input[type="button"].apply:active{color: #fff;border-color: #83e37d;background-color: #83e37d;text-decoration: none;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);background-position: 0 -320px;}
input[type=file]{font-family: calibri;padding:10px;margin:4px 0px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border: 1px dashed #BBB;text-align: center;background-color: #DDD;cursor:pointer;}
.ui-datepicker-month, .ui-datepicker-year{font-family: byekan !important;font-size: 10pt;margin: 0 0;width: 232px;background: rgb(240,249,255);background: -moz-linear-gradient(top,  rgba(240,249,255,1) 0%, rgba(186,186,186,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,1)), color-stop(100%,rgba(186,186,186,1)));background: url('images/arrow-select.png'),-webkit-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(186,186,186,1) 100%);background: -o-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(186,186,186,1) 100%);background: -ms-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(186,186,186,1) 100%);background: linear-gradient(top bottom,  rgba(240,249,255,1) 0%,rgba(186,186,186,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#bababa',GradientType=0 );background-repeat: no-repeat, repeat-x;background-position: 0% 53%, center center;border:1px solid #DDDBD7;-webkit-appearance: none;}
.ui-state-default,.ui-datepicker-calendar{font-family: byekan !important;font-size: 10pt;}
/********** Box Content  *********/

.box{width:23%;height: 190px;margin:1%;opacity: .9;filter: alpha(opacity=90);background-color: #3991db;float: right;}
.box.abi{background-color: #0689d5;}
.box.banafsh{background-color: #cc0099;}
.box.zard{background-color: #d9db39;}
.box.narenji{background-color: #db6739;}
.box.fosfori{background-color: #d5d803;}
.box.ghahvei{background-color: #db9839;}
.box.khakestari{background-color: #F1F1F1;}
.box.soorati{background-color: #db39bb;}
.box-title-bar{border-bottom: 2px solid #f9f9f9;background-color: #eee;opacity: .45;filter: alpha(opacity=45);height: 45px;line-height: 45px;padding: 0 10px;color: #333;font-size: 14pt;}
.box-title{float: right;}
.small-icon{float: left;margin: 2%;}
.btn{border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc;border-bottom: 1px solid #b3b3b3;display: inline-block;padding: 4px 12px;margin-bottom: 0;font-size: 14px;line-height: 20px;text-align: center;vertical-align: middle;cursor: pointer;color:#1CB0F0;text-shadow: 0 1px 1px rgba(255,255,255,0.75);background-color: #f5f5f5;background-repeat: repeat-x;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);background-image: linear-gradient(to bottom,#fff,#e6e6e6);text-decoration:none}
.btn i{line-height: 20px;}
.box-content{padding:20px;font-size:15pt;float: left;color: #000;line-height: 60px;}
.big-icon{padding: 20px;font-size: 45pt;float: right;color: #03A7EF;}
/********** Poll Item  *********/
.fieldset{width: 100%;height: auto;padding: 10px;clear:both;overflow: hidden;border: 1px solid #aaa;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: none;}
#numbers-wrapper, #groups-wrapper{overflow: hidden;padding: 0px 0px;display: block;}
.lblId{display: none;}
.btnRemoveNumber, .btnRemoveGroup{background: url(../images/select.png) no-repeat;background-position: -48px -12px;width: 10px;height: 10px;display: inline-block;position: relative;top: 2px;cursor: pointer;overflow: hidden;margin-right: 7px;}
.sms-text{float: right;width: 280px;height: 90px;}
#CountWrapper{float: right;width: 200px;margin-right: 20px;}
#CountWrapper .label{width: 100px;line-height:20px;}
#CountWrapper .field{line-height:20px;}
.datepicker{float: none !important;width: 80px !important;height: 25px !important;}
.hour-dropdownlist{float: none;margin-top: 2px !important;padding: 4px 0;width: 45px !important;}
.lblSendTo{height: 120px;width: 150px;line-height: 20px;overflow: scroll;overflow-x: hidden;display:block;border: 1px #ddd solid;}
.bolder{font-weight: bolder;}
.btn-add-item, .btn-del-item{background: url('../images/add_black.png');height: 16px;width: 16px;float: right;margin: 6px;cursor: pointer;}
.btn-del-item{background: url('../images/minus_black.png');}
.btn-add-item:hover{background: url('../images/add_green.png');height: 18px;width: 18px;margin: 5px;background-size: 100%;}
.btn-del-item:hover{background: url('../images/minus_red.png');}
.items .inner-label{float: right;display: inline-block;margin: 0 10px 0 5px;}
.items .inner-text{font-family:byekan;float:right}
.field{line-height:35px;float:right}
.form .row, .table-content .row{clear: both;padding: 4px 0px;overflow: hidden;padding: 5px 0;line-height: 31px}
/********** Poll Item  *********/

/********** Select Item  *********/
select{font-family:byekan;text-indent: 0.01px;text-overflow: "";color: #1455a2;min-width: 50px;border: 1px solid #DFDFDF;-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04), inset 0 2px 8px 0 rgba(0, 0, 0, 0.075);-moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04), inset 0 2px 8px 0 rgba(0, 0, 0, 0.075);box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04), inset 0 2px 8px 0 rgba(0, 0, 0, 0.075);-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;transition: all 0.25s linear;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 3px;min-height:30px;margin:5px;width:170px;}
/********** Select Item  *********/

/********** Alert Item  *********/
.MSalert-box {color:#555;border-radius:10px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;padding:10px 36px;margin:10px;clear:both;padding:5px;margin:5px}
.MSalert-box span {font-weight:bold;text-transform:uppercase;clear:both;padding:5px;margin:5px}
.MSerror {background:#ffecec url('images/error.png') no-repeat 10px 50%;border:1px solid #f5aca6;clear:both;padding:5px;margin:5px}
.MSsuccess {background:#e9ffd9 url('images/success.png') no-repeat 10px 50%;border:1px solid #a6ca8a;clear:both;padding:5px;margin:5px}
.MSwarning {background:#fff8c4 url('images/warning.png') no-repeat 10px 50%;border:1px solid #f2c779;clear:both;padding:5px;margin:5px}
.MSnotice {background:#e3f7fc url('images/notice.png') no-repeat 10px 50%;border:1px solid #8ed9f6;clear:both;padding:5px;margin:5px}
/********** Alert Item  *********/


/*********** Start Gridview **********/
.gridview {clear: both;width: 100%;}
.gridview th{text-align: right;}
.gridview tr{height:32px;margin:5px;}
.gridview tr:hover{background-color: #ddd !important;}
.clickable{cursor: pointer;}
.gridview .center{text-align: center !important;}
.gridview .narrow-column{width: 16px;}
.gridview .time{width: 70px;}
.gridview .date{width: 100px;}
.gridview .letter-id{width: 100px;}
.gridview .name{width: 140px;}
.gridview-button{opacity: 0.7;}
.gridview-button:hover{opacity: 1;}
/*********** End Gridview **********/

.ui-timepicker-table{font-family:byekan;font-size:10pt}
/* -----------------------------------------------------MESSAGES --------------------------------------------------------------- */	
#message-blue{margin:20px;text-align:right;}
.blue-left{background: url('message_blue.gif') no-repeat left top;color: #2e74b2;font-family:byekan,tahoma;font-weight: bold;padding: 0 0 0 20px;direction:ltr;font-size:10pt}
.blue-left a{color: #2e74b2;font-family: byekan,tahoma;font-weight: normal;text-decoration: underline;}
.blue-right a{cursor: pointer;}
.blue-right{width: 55px;}

#message-red{margin:20px;text-align:right;}
.red-left{background: url(message_red.gif) top left no-repeat;color: #ce2700;font-family: byekan,tahoma;font-weight: bold;padding: 0 0 0 20px;direction:ltr;font-size:10pt}
.red-left a{color: #ce2700;font-family: byekan,tahoma;font-weight: normal;text-decoration: underline;}
.red-right a{cursor: pointer;}
.red-right{width: 55px;}

#message-green{margin:20px;text-align:right;}
.green-left{background: url(message_green.gif) top left no-repeat;color: #6da827;font-family: byekan,tahoma;font-weight: bold;line-height: 12px;padding: 0 0 0 20px;}
.green-left a{color: #6da827;font-family: byekan,tahoma;font-weight: normal;text-decoration: underline;}
.green-right a{cursor: pointer;}
.green-right{width: 55px;}

.header{width:100%;height:50px;overflow:hidden;background: rgba(226,226,226,1);
        background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(245,240,245,1) 50%, rgba(226,226,226,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(245,240,245,1)), color-stop(100%, rgba(226,226,226,1)));
        background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(245,240,245,1) 50%, rgba(226,226,226,1) 100%);
        background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(245,240,245,1) 50%, rgba(226,226,226,1) 100%);
        background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(245,240,245,1) 50%, rgba(226,226,226,1) 100%);
        background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(245,240,245,1) 50%, rgba(226,226,226,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#e2e2e2', GradientType=0 );
}
  
.header_Item{width:66px;height:43px;float:right;padding:3px;margin-right:20px}
.header_Item:hover{background-color:#cac8c8}

.header2{width:100%;height:30px;background-color:#eee;overflow:hidden}
.header2 input{width:62px;height:30px;margin-right:2px;float:left;opacity:0.4;filter:alpha(opacity=40);}
.header2 input:hover{opacity:1.0;filter:alpha(opacity=100);}
/* -----------------------------------------------------Comment --------------------------------------------------------------- */	
.top-menu{ width: 100%; height: 45px; background: #000;}
.mainmenu{ position: absolute; right: 0; width: 200px; border-left: 1px solid #ccc; background-color: #DDDDDD; margin-left: 20px !important;}
.content{ margin-right: 200px;}
.comment-container{ padding: 10px; clear: both; border-bottom: 1px solid #e0e0e0; overflow: hidden; position: relative; min-height: 75px;}
.comment-container i{ padding: 0 5px;}
.alt-row{ background: #efefef;}
.button a{color:#fff !important;text-decoration:none}
.comment-container button{ float: left; font-family: BYekan, Tahoma; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px; border: 1px solid #373737; cursor: pointer; color: #fff; padding: 5px 20px; outline: none;  background: #6d6d6d; background: -moz-linear-gradient(top, #6d6d6d 0%, #383838 47%, #2d2d2d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(47%,#383838), color-stop(100%,#2d2d2d)); background: -webkit-linear-gradient(top, #6d6d6d 0%,#383838 47%,#2d2d2d 100%); background: -o-linear-gradient(top, #6d6d6d 0%,#383838 47%,#2d2d2d 100%); background: -ms-linear-gradient(top, #6d6d6d 0%,#383838 47%,#2d2d2d 100%); background: linear-gradient(to bottom, #6d6d6d 0%,#383838 47%,#2d2d2d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#2d2d2d',GradientType=0 );margin:2px;}
.comment-container button:hover{ background: #2d2d2d; background: -moz-linear-gradient(top, #2d2d2d 0%, #383838 35%, #595959 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d2d2d), color-stop(35%,#383838), color-stop(100%,#595959)); background: -webkit-linear-gradient(top, #2d2d2d 0%,#383838 35%,#595959 100%); background: -o-linear-gradient(top, #2d2d2d 0%,#383838 35%,#595959 100%); background: -ms-linear-gradient(top, #2d2d2d 0%,#383838 35%,#595959 100%); background: linear-gradient(to bottom, #2d2d2d 0%,#383838 35%,#595959 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#595959',GradientType=0 );}
.comment-container button:active{ background: #3d3d3d; background: -moz-linear-gradient(top, #3d3d3d 0%, #383838 48%, #2d2d2d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(48%,#383838), color-stop(100%,#2d2d2d)); background: -webkit-linear-gradient(top, #3d3d3d 0%,#383838 48%,#2d2d2d 100%); background: -o-linear-gradient(top, #3d3d3d 0%,#383838 48%,#2d2d2d 100%); background: -ms-linear-gradient(top, #3d3d3d 0%,#383838 48%,#2d2d2d 100%); background: linear-gradient(to bottom, #3d3d3d 0%,#383838 48%,#2d2d2d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#2d2d2d',GradientType=0 );}
.comment-author{ float: right; direction: rtl;}
.comment-author-name, .comment-author-email, .comment-author-blog { padding: 0 20px; float: right; color: #555;}
.comment-author-blog a{ text-decoration: none;}
.comment-author-blog a:hover{ text-shadow: 0px 0px 0px #045899;}
.comment-datetime{ float: left; line-height: 30px; margin-left: 9px; color: #555;}
.comment-date, .comment-time{ padding: 0 10px;}
.comment-text{ font-family: WEBNassim,BYekan,Tahoma; font-size: 17px; margin-left: 280px;color: #5786A0;}
.comment-post-link{ width: 260px; position: absolute; top: 40px; left: 10px;}
.comment-post-link a{ font-family: WEBNassim,BYekan,Tahoma; font-size: 16px; font-weight: bold; text-decoration: none; color: #0462aa;}
.comment-post-link a:hover{ text-shadow: 0px 1px 0px #045899;}

.comment-text a{ font-family: WEBNassim,BYekan,Tahoma; font-size: 16px; font-weight: bold; text-decoration: none; color: #DC04CB;}
.comment-text a:hover{ text-shadow: 0px 1px 0px #045899;}
