.btnLogin.button{font-weight:bold}
.btn{padding:0 0.8em 0.4em;line-height: 1.8em;color:#16387C;font-family:Tahoma;font-size:12px}
a.btn:focus,a.btn:hover{color:#077793}
.btn{border:1px solid #ccc;text-decoration:none;background-color:#FCFCFC;background-image:url(http://img.tebyan.net/ts/persian/weblog/grad-gray.png)}
.btn:hover{border:1px solid rgba(0,0,0,0.2);box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);-o-box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);background-color:#F1F1F1}
/**/
.Triangle{width:0px;height:0px;display:inline-block;border-width:5px;border-style:solid;border-color:#909090 transparent transparent transparent}
.PersonalInfoBox .DownTriangleBlog{border-width:5px;border-color:#FFF transparent transparent;top:13px;right:5px}
.PersonalImageIco{border:1px solid #FFF;margin-top:2px}
.LoginedPerson{max-width:90px;margin:5px 10px 0 0}
.InsidePIB{margin:3px 0 0 0;height:29px;box-shadow:0.1em 0 0.1em 0 #FFF;-webkit-box-shadow:0.1em 0 0.1em 0 #FFF;-o-box-shadow:0.1em 0 0.1em 0 #FFF;position:relative}
.PopupPersonalBlog{width:300px;min-height:175px;top:36px;border:1px solid #BEBEBE;background:#F1F1F1;z-index:10;box-shadow:0 0 0.5em 0 #BBB;-webkit-box-shadow:0 0 0.5em 0 #BBB;-o-box-shadow:0 0 0.5em 0 #BBB}
.ContentPPB{width:100%;height:90px;border-bottom:1px solid #BEBEBE;box-shadow:0 2px 4px rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.12);-o-box-shadow:0 2px 4px rgba(0, 0, 0, 0.12);padding:20px 10px;display:table;box-sizing:border-box}
.InfoPPB{margin-right:105px}
.NamePPB,.MailPPB{min-height:35px}
.MailPPB span,.MailPPB{color:#666}
.DTrianglePPBlog,.WTrianglePPBlog{border-width:0 10px 10px;border-color:transparent transparent #FFF;top:-10px;left:55px;z-index:10}
.DTrianglePPBlog{*top:-11px}
.DTrianglePPBlog{border-color:transparent transparent #111;*border-color:transparent transparent #BEBEBE}
.PersonalInfoBox .btn{padding:0 0.8em 0.4em;line-height: 1.8em;color:#16387C;font-family:Tahoma;font-size:12px}
.PersonalInfoBox a.btn:focus,.PersonalInfoBox a.btn:hover{color:#077793}
.PersonalInfoBox .btn{border:1px solid #ccc;text-decoration:none;background-color:#FCFCFC;background-image:url(http://img.tebyan.net/ts/persian/weblog/grad-gray.png)}
.PersonalInfoBox .btn:hover{border:1px solid rgba(0,0,0,0.2);box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);-o-box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);background-color:#F1F1F1}
.NamePerson{color:#FFF}
/*Responsive*/
@media only screen and (max-width:350px) {
    .PersonalInfoBox{position:static}
    .PopupPersonalBlog{width:auto;right:2px;left:2px;top:36px}
}