@font-face
{

 font-family: 'BYekan';
 src: url('BYekan.eot');
 src: local('b BYekan'), url('../fonts/BYekan.woff') format('woff'), url('../fonts/BYekan.ttf') format('truetype'), url('../fonts/BYekan.svg') format('svg');
 }
 
.tooltip{position: relative; background: #eaeaea; cursor: help; display: inline-block; text-decoration: none; color: #222; outline: none;}
.tooltip span{
  visibility: hidden; position: absolute;text-align:center;  bottom: 106px; left:0px;; z-index: 999; padding: 10px; border: 2px solid #ccc; opacity: .9; background-color: #ddd;                     
width:68px;
height:30px;
 }
.line{
width:120%;
position:fixed;
left:-20px;
top:-20px;
height:31px;
background:url('../images/bg-header.png');
}
.tooltip{ position: relative; background-color:transparent; cursor: help; display: inline-block; text-decoration: none; color: #222; outline: none;}
.tooltip:hover{  border: 0; /* IE6 fix */}
.tooltip:hover span{ visibility: visible;}
.tooltip span:before,
.tooltip span:after{ content: ""; position: absolute; z-index: 1000; bottom: -7px; left:50%; margin-left: -8px;   border-top: 8px solid #ddd; border-left: 8px solid transparent; border-right: 8px solid transparent;         border-bottom: 0;  }
.tooltip span:before{ border-top-color: #ccc; bottom: -8px;}/* Navy */
.navy-tooltip span{color:white;border-color:#2d2d2d; font-family:BYekan; background-color:#2d2d2d;}
.navy-tooltip span:after{  border-top-color: #2d2d2d;}
.navy-tooltip span:before{ border-top-color: #2d2d2d;}

#footer{

bottom:0;
left:0;
position:fixed;
width:101.3%;
margin-left:-8px;
margin-bottom:-25px;
height:100px;
background:url('../images/footer.png');


}

.inner{
width:613px;
height:444px;
background:url('../images/inner.png');
}



.home{
margin-top:10px;
width:89px;
height:89px;
background:url('../images/online.png')no-repeat scroll center center;
cursor:pointer;
transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s;
-moz-transition:.6s;
}
.home:hover{
	 -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     transform: rotate(360deg);

transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s;
-moz-transition:.6s;
}



.rank{
margin-top:3px;
width:89px;
height:89px;
background:url('../images/rank.png')no-repeat scroll center center;
cursor:pointer;
transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s;
-moz-transition:.6s;
}
.rank:hover{
	 -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     transform: rotate(360deg);

transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s;
-moz-transition:.6s;
}


.service{
margin-top:3px;
width:89px;
height:89px;
background:url('../images/profile.png')no-repeat scroll center center;
cursor:pointer;
transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s;
-moz-transition:.6s;
}
.service:hover{
	 -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     transform: rotate(360deg);

transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s;
-moz-transition:.6s;
}


.us{
margin-top:3px;
width:89px;
height:89px;
background:url('../images/us.png')no-repeat scroll center center;
cursor:pointer;
transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s;
-moz-transition:.6s;
}
.us:hover{
	 -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     transform: rotate(360deg);

transition:.6s;
-webkit-transition:.6s;
-o-transition:.6s;
-moz-transition:.6s;
}


 .username{
  position: relative;
 right: 40px;
}
input{
  font-family: byekan;
  width: 200;
  height: 50;
  border:1px solid #00B2B2;
  border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
}
input:hover{
  font-family: byekan;
  width: 200;
  height: 50;
  border: 1px solid #33CC00;
  background: #009900
  box-shadow:0 0 5px #33CC00;-moz-box-shadow:0 0 5px #33CC00;-wekit-box-shadow:0 0 5px #7AFF7A;
}
.dokmevodoo_oliver{
  background: #02afff;
  color: #fff;
 border: 1px solid #00CCCC;
}
.dokmevodoo_oliver:hover{
  border: 1px solid #009900;
  cursor: pointer;
  }


.jensiat {
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;float: center;
    appearance:none;
    cursor:pointer;
    font: 13px 'BYekan';width: 110px;
    padding: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
    border-radius: 4px;opacity: 0.65;
    background: #E8E8E8 no-repeat left center;
    position:relative;
 }

.jensiat  option {
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
.cop{margin-left:10px;
margin-bottom:25px;
margin-top:8px;


}