/*

 * 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;border: 0 solid #CCCCCC;

    border-radius: 5px 5px 5px 5px; }

.dropdown dd { position:relative; z-index:9999;}

.dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;}

.dropdown a:hover { color:#5d4617;}

.dropdown dt a:hover, .dropdown dt a:focus { color:#5d4617; border: 1px solid #5d4617;}

.dropdown dt a {background:#ffffff url(arrow.png) no-repeat scroll right center; display:block; padding-right:20px;

                border:1px solid #d4ca9a; width:150px;border-radius: 5px 5px 5px 5px;}

.dropdown dt a span {cursor:pointer; display:block; padding:5px;}

.dropdown dd ul { background:#ffffff none repeat scroll 0 0; border:1px solid #d4ca9a; color:#C5C0B0; display:none;

                  padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;}

.dropdown span.value { display:none;}

.dropdown dd ul li a { padding:5px; display:block;}

.dropdown dd ul li a:hover { background-color:#cccccc;}



.dropdown img.flag { border:none; vertical-align:middle; margin:0 3px;box-shadow:0 0;border-radius:0;margin-top:6px;}