@charset "utf-8";
/*
 * Widget's css 
*/
/* Code adapted from: http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx */

.dropdown, .dropdown dd, .dropdown dt, .dropdown ul, .dropdown li { margin:0px !important; padding:0px !important;}
.dropdown dd ul li{
display: inline-block;
vertical-align: top;
width: 50%;
overflow: hidden;
float:left;
text-align:left; }
@media screen and (max-width: 900px){.dropdown dd ul li{width:100%;}}
.dropdown dd { position:relative; z-index:9999;right:299px;}
@media screen and (max-width: 900px){.dropdown dd {right:13px;}}
.dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;}
.dropdown a:hover { color:#eb7619;}
.dropdown dt a:hover, .dropdown dt a:focus { color:#eb7619;}
.dropdown dt a {background:#fff url(arrow.png) no-repeat scroll right center; display:block; padding-left:5px;
                border:1px solid #eee; width:100px; padding-top:4px;padding-bottom:4px;border-radius: 5px;font-family: Arial;font-size: 14px;font-weight: 500;}
.dropdown dt a span {cursor:pointer; display:block;}
.dropdown dd ul { background:#fff none repeat scroll 0 0; border:1px solid #eee;  position:absolute; top:13px; width:auto; min-width:300px; list-style:none;	  -moz-box-shadow: 2px 2px 10px #e4e4e4;-webkit-box-shadow: 2px 2px 10px #e4e4e4;	  box-shadow: 2px 2px 10px #e4e4e4;border-radius: 4px; display:none}
@media screen and (max-width: 900px){ .dropdown dd ul { min-width:120px;overflow: scroll;max-height: 200px;}}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; display:block; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight:400;}

.dropdown img.flag { border:none; vertical-align:middle; margin:0 3px;box-shadow:0 0;border-radius:3px }
.flag{width:22px !important; height:16px !important;}
#transposh-2{margin:2px}
#transposh-3{margin:2px}