@import url('flags.css');
/*sprites*/
.myCurrency-sprite{background-image: url(sprite.png);background-repeat: no-repeat;}

/*----------------------*/
.myCurrency-shadow{
   -moz-box-shadow:    1px 1px 2px 0px #555;
   -webkit-box-shadow: 1px 1px 2px 0px #555;
   box-shadow:         1px 1px 2px 0px #555;
}

.myCurrency-shadow-inset{
   -moz-box-shadow: inset 1px 1px 2px 0px #999;
   -webkit-box-shadow: inset 1px 1px 2px 0px #999;
   box-shadow: inset 1px 1px 2px 0px #999;
}
.myCurrency-boxsize{
   -moz-box-shadow:    1px 1px 2px 0px #555;
   -webkit-box-shadow: 1px 1px 2px 0px #555;
   box-shadow:         1px 1px 2px 0px #555;
   
   /* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#555555')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#555555');
}
.myCurrency-transition{
    webkit-transition: all 0.4s cubic-bezier(0.52,0,0.48,1);
    -o-transition: all 0.4s cubic-bezier(0.52,0,0.48,1);
    -moz-transition: all 0.4s cubic-bezier(0.52,0,0.48,1);
    -ms-transition: all 0.4s cubic-bezier(0.52,0,0.48,1);
    -kthtml-transition: all 0.4s lcubic-bezier(0.52,0,0.48,1);
    transition: all 0.4s cubic-bezier(0.52,0,0.48,1);
}
.myCurrency-transition-slow{
    webkit-transition: all 1s cubic-bezier(0.52,0,0.48,1);
    -o-transition: all 1s cubic-bezier(0.52,0,0.48,1);
    -moz-transition: all 1s cubic-bezier(0.52,0,0.48,1);
    -ms-transition: all 1s cubic-bezier(0.52,0,0.48,1);
    -kthtml-transition: all 1s lcubic-bezier(0.52,0,0.48,1);
    transition: all 1s cubic-bezier(0.52,0,0.48,1);
}

/*Estilos----------------------------*/
.mainOutside{
   top: -50px !important;
}

.mainInside{
   top: 0px;
}
.custom-myCurrency{
   font-family: arial;
   position: absolute;
   right: 0px;
   width: 139px;
   background-color: #F3AE62;
   height: 26px;
   top: 0px;
   color: #FFF;
   padding: 5px;
   font-size: 123%;
   
   border-radius: 0px 0px 0px 8px; 
   -moz-border-radius: 0px 0px 0px 8px; 
   -webkit-border-radius: 0px 0px 0px 8px;
}
#myCurrency_flag{
   position: absolute;
   right: 5px;
   top: 5px;
}
.myCurrency-pre{
   float: left;
}
.myCurrency-value{
   margin-left: 4px;
   float: left;
   font-weight: bold;
}