@charset "utf-8";
/* CSS Document */
body{
  background:url(../img/page-bg.jpg) top right no-repeat;
  line-height:30px;
  }
a{
  color:#03aae8;}
.backbg {
  background:#CCCCCC  }
span#spacer{
  padding-left:10px;}
.span4.topnav{
  float:left;
  top:0;
}
.span4.topnav ul li{
  font-size:11px;
  float:left;
  list-style:none;
  padding:0 10px;
}
.span4.topnav ul li a{
    color:#777;
    text-decoration:none;
    padding-top:10px;
    line-height:35px;
    height:35px;

}
.span4.topnav ul li#business a.active{
  background:url(../img/hpb.jpg) top no-repeat;
  color:#002c76;
}
.span4.topnav ul li#personal a.active{
  background:url(../img/hp.jpg) top no-repeat;
  color:#19aae4;
}
.hpline
{
  background:#19aae4;
  height:3px;
  width:100%;}
.hpbline{
  background:#002c76;
  height:3px;
  width:100%;}
.span2.msmsearch{
  margin-top:5px;
  float:left}
.span2.msmsearch input{
  height:14px;
  line-height:14px;}
.span7.search{
  line-height:280px;}
input.span7 , button#shoab{
  vertical-align:middle;
  font-size:12px;
  }
.span10 .navbar-inner{
  margin-top:13px;}

 .span12.slides{
   text-align:center;
   margin-left:auto;
   margin-right:auto;}
div.nav-collapse{
  background-color:#006;
  z-index:9999;}
div.navbar-inverse{
  z-index:99999;
  }
.span12 ul{
     margin-left:auto;
   margin-right:auto;}
.span12.highlighter{
  height:40px;
  line-height:40px;
  background:url(../images/newsarrow.png) right no-repeat;
  padding-right:20px;
  font-size:11px;}
.row.msmline{
    border-bottom:1px #CCCCCC dotted ;
    border-top:1px #CCCCCC dotted ;}
.row.msmbotline{
    border-bottom:1px #CCCCCC dotted ;}
.row.msmtopline{
    border-top:1px #CCCCCC dotted ;}
ul.msminfo { list-style: none;
margin-top:50px;
text-align:justify }

ul.msminfo li:before { content:"\2022 \00A0"; color: #00aff9; font-size:20px }

ul.msminfo2 { list-style: none;
text-align:justify }

ul.msminfo2 li:before { content:"\2022 \00A0"; color: #00aff9; font-size:20px }
.span4.msmblock{

  text-align:justify;
  direction:rtl;
  padding-bottom:5px;  }
.span4.msmblock p{
  margin:0 35px;
  line-height:150%;
  }
#msmright{
  float:right;
}
#msmleft{
  float:left}
.msmright{
  float:right;
}
.msmleft{
  float:left}
#msmleft.info{
  font-family: B Mitra,'B Mitra',tahoma;
  font-size:16px;
  font-weight:bold;}
#msmleft.info span#colortext{
  color:#da2128;
  padding-right:20px;
  margin-left:20px;}
#botmenu{
  float:right;
  margin:10px 0;}
#botmenu ul{
  list-style:none;
  }
#botmenu ul > li{
  float:right;
  padding:0 10px;
  color:#939598;
  border-left:1px dotted #03aae8;
  line-height:20px;
  height:20px;
  font-size:10px;
  }
.span12.footer{
  margin-top:50px;
  margin-bottom:20px;
  text-align:center;
  direction:rtl;
  font-family: Iranian Sans,'Iranian Sans',tahoma;
  font-size:10px;}
.span12.footer img{
  padding:0 4px}
.span12.footer a{
  padding:0 10px;}
-------- Menu style ------------
div#menu {
  width: 100%;
  height: 37px;

}
div#menu ul#nav li div#menu {
  width: 100%;
  position:absolute;
  right:0;
  margin-top: -1px;}
ul#nav {
      background-image:url(../img/menu-bg.jpg) ;
  float: right;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;  border-bottom:1px #FFFFFF dotted;
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
      
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);

  
}
ul#nav li {
  display: inline;
  float:right

}

ul#nav li a {
  float: right;
font-family: Iranian Sans,'Iranian Sans',tahoma;
font-size:13px;
  line-height: 37px;
  color: #fff;
  text-decoration: none;
/*  text-shadow: 1px 1px 1px #880000;*/
  margin: 0;
  padding: 0 14px;  
  border-left:1px #FFFFFF dotted;  
}

div#menu ul#nav li div#menu ul#nav{  
  display: none;
  
}
div#menu ul#nav li div#menu ul#nav div#menu ul#nav{  
  display: none;
  
}

div#menu ul#nav li:hover {
  color: #7fcfef;
  text-decoration: none;
  background: #0271bd;
  padding-top:1px;

          border-top-right-radius:4px;
      border-top-left-radius:0px;   }
  
div#menu ul#nav li:hover > div#menu ul#nav{  
  position: absolute;
  display: block;
  height: 37px;
  position: absolute;
  margin: 38px 0 0 0;
  background: #0271bd;
 -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
          border-radius: 4px;
      border-top-right-radius:0px;
      border-top-left-radius:0px;
      padding-top:-2px;
}
div#menu ul#nav li:hover >div#menu ul#nav li a{  
  float: right;
font-family: Iranian Sans,'Iranian Sans',tahoma;
font-size:13px;
  line-height: 23px;
  color: #fff;
  text-decoration: none;
/*  text-shadow: 1px 1px 1px #880000;*/
  margin:7px 0 0 0;
  padding: 0 14px;  
  border-left:1px #FFFFFF dotted;
}
ul#nav li:hover > ul {
  position: absolute;
  display: block;
  height: 37px;
  position: absolute;
  margin: 38px 0 0 0;
  background: #0271bd;

    -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
      border-top-right-radius:0px;
      border-top-left-radius:0px;
}

/*--------------Samanian Menu---------------------*/
ul#nav li#Samanian{background-image:url(../images/samanian-bg.png) ;}
ul#nav li#Samanian a {
  float: right;
font-family: Iranian Sans,'Iranian Sans',tahoma;
font-size:13px;
  line-height: 37px;
  color: #fff;
  text-decoration: none;
/*  text-shadow: 1px 1px 1px #880000;*/
  margin: 0;
  padding: 0 14px;  
  border-left:1px #FFFFFF dotted;  
}    
div#menu ul#nav li#Samanian:hover {
  color: #7fcfef;
  text-decoration: none;
  background: #d7b46a;
  padding-top:1px;

          border-top-right-radius:4px;
      border-top-left-radius:0px;   }  
div#menu ul#nav li#Samanian:hover > div#menu ul#nav{  
  position: absolute;
  display: block;
  height: 37px;
  position: absolute;
  margin: 38px 0 0 0;
  background: #d7b46a;
 -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
          border-radius: 4px;
      border-top-right-radius:0px;
      border-top-left-radius:0px;
      padding-top:-2px;
}
div#menu ul#nav li#Samanian:hover > div#menu ul#nav li:hover{  
  background: #d7b46a;
}
/*--------------------Parivate Baning Menu ---------------------------*/

ul#nav li#private-banking{background-image:url(../images/private-bg.png) ;}
ul#nav li#private-banking a {
  float: right;
font-family: Iranian Sans,'Iranian Sans',tahoma;
font-size:13px;
  line-height: 37px;
  color: #fff;
  text-decoration: none;
/*  text-shadow: 1px 1px 1px #880000;*/
  margin: 0;
  padding: 0 14px;  
  border-left:1px #FFFFFF dotted;  
}  
div#menu ul#nav li#private-banking:hover {
  color: #7fcfef;
  text-decoration: none;
  background: #000000;
  padding-top:1px;

          border-top-right-radius:4px;
      border-top-left-radius:0px;   }  
div#menu ul#nav li#private-banking:hover > div#menu ul#nav{  
  position: absolute;
  display: block;
  height: 37px;
  position: absolute;
  margin: 38px 0 0 0;
  background: #000000;
 -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
          border-radius: 4px;
      border-top-right-radius:0px;
      border-top-left-radius:0px;
      padding-top:-2px;
}
div#menu ul#nav li#private-banking:hover > div#menu ul#nav li:hover{  
  background: #000000;
}
/*--------------Corporate Menu---------------------*/
ul#nav li#Corporate-Services{background-image:url(../images/Corporate-Services-bg.png) ;}
ul#nav li#Corporate-Services a {
  float: right;
font-family: Iranian Sans,'Iranian Sans',tahoma;
font-size:13px;
  line-height: 37px;
  color: #fff;
  text-decoration: none;
/*  text-shadow: 1px 1px 1px #880000;*/
  margin: 0;
  padding: 0 14px;  
  border-left:1px #FFFFFF dotted;  
}    
div#menu ul#nav li#Corporate-Services:hover {
  color: #7fcfef;
  text-decoration: none;
  background: #002c77;
  padding-top:1px;

          border-top-right-radius:4px;
      border-top-left-radius:0px;   }  
div#menu ul#nav li#Corporate-Services:hover > div#menu ul#nav{  
  position: absolute;
  display: block;
  height: 37px;
  position: absolute;
  margin: 38px 0 0 0;
  background: #002c77;
 -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
          border-radius: 4px;
      border-top-right-radius:0px;
      border-top-left-radius:0px;
      padding-top:-2px;
}
div#menu ul#nav li#Corporate-Services:hover > div#menu ul#nav li:hover{  
  background: #002c77;
}
/*-----------------------------------------------------------------*/


ul#nav li:hover > ul li a:hover {
  color: #7fcfef;
}
@media (min-width: 979px) and (max-width: 1200px)   {
  ul#nav li a,
   ul#nav li#Samanian a,
    ul#nav li#private-banking a{
  font-size:11px;
  padding:0 12.37px;}
}

@media (min-width: 120px) and (max-width: 979px)   {
  
ul#nav{
  background:#0271bd
  }
ul#nav li{
  width:100%;
  border-bottom:#eee dotted 1px;
  float:right}
  ul#nav li a,
     ul#nav li#Samanian a,
    ul#nav li#private-banking a{
    border-left:0;}
ul#nav li:hover > div#menu{
  display:none
}  
  }
@media (min-width: 120px) and (max-width: 750px)   {
.span7.search{
  line-height:50px;}  
  }
#news{
  background:none;
  padding-top:40px;
  padding-bottom:40px;
    direction:rtl;
  text-align:justify  
}
#news h2 ,#msmright h2{
  color:#414042;
    font-family: B Mitra,'B Mitra',tahoma;
  font-size:20px;
  font-weight:bold;

  }
#msmleft.gmap a{
    color:#00a0df;
  padding-left:30px;
  padding-right:30px;
}
#msmright.gmap a{
    color:#00a0df;
  padding-left:30px;
  padding-right:30px;
}
#news01{
  background:url(../images/picto-Netbank.png) right no-repeat;
  padding-right:90px;
  padding-top:55px;
  padding-bottom:40px;
  border-top:1px #d1d3d4 dotted;
  direction:rtl;
  text-align:justify}
#news01 h2{

    font-family: B Mitra,'B Mitra',tahoma;
  font-size:20px;
  font-weight:bold;

  }
#news02{
  padding-right:40px;
  padding-bottom:40px;
    direction:rtl;
  text-align:justify}
#news02 h2{
    font-family: B Mitra,'B Mitra',tahoma;
  font-size:16px;
  font-weight:bold;

  }
#news03{
  padding-right:40px;
  padding-bottom:40px;
    direction:rtl;
  text-align:justify}
#news03 h2{

    font-family: B Mitra,'B Mitra',tahoma;
  font-size:16px;
  font-weight:bold;

  }
#news04{
  padding-right:40px;
  padding-bottom:40px;
    direction:rtl;
  text-align:justify}
#news04 h2{

  font-family: B Mitra,'B Mitra',tahoma;
  font-size:16px;
  font-weight:bold;

  }
h4,h3,h4,h1,h2{font-family: B Mitra,'B Mitra',tahoma;}
/*div#gmap{
  background:url(../images/map-bg.jpg) no-repeat center;}*/
label,
input,
button,
select,
textarea {
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
}  
label{
  width: 100px;
  float:right;}
input{
  float:left}
input.btn{
  float:right}
.black h2{
  color:#333;}
.blue h2{
  color:#169fda;}
.green h2{
  color:#3aaa1b}
.red h2{
  color:#ff0000;}
div#news02.green{
  background:url(../images/icon02-green.jpg)top right no-repeat !important}
.leftborder{
  border-left:1px dotted #ccc;
  padding-left:10px;
  margin-left:10px;}
#leftborder{  border-left:1px dotted #ccc;}
#fa{
  float:left;
  padding-right:3px;
  padding-left:3px;
  padding-bottom:0px;
  background:#0099FF;
  color:#FFFFFF;
  border-bottom-left-radius:4px;}
#en{
  float:left;
  margin-left:3px;
  margin-right:5px;
  padding-right:3px;
  padding-left:3px;
  padding-bottom:0px;
  background:#78c6e7;
  color:#FFFFFF;
  border-bottom-right-radius:4px;
  }
#fr,#ar{
  float:left;
  margin-left:3px;
  padding-right:3px;
  padding-left:3px;
  padding-bottom:0px;
  background:#78c6e7;
  color:#FFFFFF;
  }  
#fa a,#en a,#fr a,#ar a{
  color:#FFF;
  text-decoration:none;}
div.msmnews1 {
background:#f6f6f6;
width: 95%;
  margin-right:auto;
  margin-left:auto;  
display:inline-block;
  padding:15px;
  margin:2px;
    -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
      text-align:justify;-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
div.msmnews1 img,div.msmnews2 img{
padding-left:20px}
div.msmnews1 h2{}
div.msmnews1:hover {
  background:#dcf1f1 url(../images/msmnews1-bg.png)}
div.msmnews1:hover h2 {
  color:#06C;
  text-align:right;
  padding-right:5px;}
div.msmnews2:hover h2 {
  color:#06C;
  text-align:right;
    padding-right:5px;
    }
div.msmnews2 {
width: 95%;
  margin-right:auto;
  margin-left:auto;
display:inline-block;
padding:15px;
    -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  margin:2px;
  text-align:justify;-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
div.msmnews2:hover {
  background:#dcf1f1 url(../images/msmnews1-bg.png)}
div.msmnews2 h2,div.msmnews1 h2{color:#1980C1;
text-align:right;
-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
div.msmnews2 ul li:before,div.msmnews1 ul li:before{
color: #00AFF9;
    content: "+";
    font-size: 15px;}
div.msmnews2 ul,div.msmnews1 ul{
list-style: none outside none;}
div.intronews{
width: 75%;
margin-right:auto;
margin-left:auto;
display:table;
padding:15px;
text-align:justify;
}
.modal {
  position:absolute;
  z-index: 1050;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}

input.sheba{
float:none;
width: auto;
text-align: left;}

ul.newslisting li{
   list-style: none;
}
ul.newslisting li a{
  text-decoration: none;
}
input[type="radio"], input[type="checkbox"]{
margin: 4px;
line-height: normal;
float: right;

}
span#shebaResult , .rightAlign ,#numResult , .leftAlign{
text-align: center;
font-family: inherit;
font-size: 18px;
color: red;
}