﻿.MinimizeMenu,.PhotoPPB{float:right}
.js_MinHeader,.InfoPPB{float:left}
.NamePPB,.MailPPB{text-align:right}
.InfoPPB a{margin-left:5px}
.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{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}
.InfoPPB{width:calc(100% - 106px)}
.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.4em 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}
.GeneralNavigation{background:#373737;height:32px;padding-left:3px;display:none}
/*MainNavigate*/
.LinkTN{right:0}
.MinimizeMenu{margin-right:5px}
.LinkTN > a:after{left:-7px}
.LoginedPerson{margin:5px 10px 0 0}
.DTrianglePPBlog,.WTrianglePPBlog{left:55px}
body .MinimizeMenu{width:24px;height:24px;background:url(http://library.tebyan.net/image/WHrMenu.png);top:4px;display:none}
body .ActiveMinimizeMenu{background:url(http://library.tebyan.net/image/BHrMenu.png)}
.LinkTN > a,.LoginedPerson,.LanguageBox a{color:#aeaeae}
.LanguageBox{padding:0 10px 0 0}
.LanguageBox a{margin:0 7px;display:inline-block}
.LanguageBox a:before{width:5px;height:1px;top:50%;right:-11px;background:#aeaeae;margin-top:2px}
.LanguageBox a:first-child:before{display:none}
.LinkTN > a{margin-left:8px;transition:all 400ms ease-in-out;display:inline-block}
.LinkTN > a:hover,.LanguageBox a:hover,a.ActiveLan{color:#AEE5EF}
.LinkTN > a:after{position:absolute;content:'';width:1px;height:10px;background-color:#aeaeae;top:50%;margin-top:-3px}
.LinkTN > a:last-child:after{display:none}
.btnLogin.button{padding:5px 25px;top:1px;width:auto;height:auto}
/*Responsive*/
@media only screen and (min-width:1025px) {
    .LinkTN{display:block!important}
}
@media only screen and (max-width:1025px) {
    .LinkTN{min-width:120px;display:none;background:#373737;position:absolute;top:32px;z-index:3}
    body .MinimizeMenu{display:block}
    .LinkTN > a{display:block;clear:both}
    .LinkTN > a:after{display:none}
}
@media only screen and (max-width:1025px) {
    .GeneralNavigation{display:block}
    .headerMV{display:none}
}
@media only screen and (max-width:330px) {
    .PersonalInfoBox{position:static}
    .PopupPersonalBlog{width:auto;margin:0 5px}
}