/* CSS rules for new Where we work page */
div#wheremap {float:left; margin:10px 0 20px 0;}
div.countrydropdowns {width:660px; float:left; margin:0 0 20px 35px; display:inline;}

div.dropdown {width:200px; float:left;}
div.dropdown#field {margin:0 30px; display:inline;}

div.dropdown h3 {text-align:center; background:#000; color:#fff; margin:0; padding: 4px 0; font-size:1.1em;}
div.dropdown#support h3 {background:#5D9ED7;}
div.dropdown#field h3 {background:#7BB03B;}
div.dropdown#fieldandsupport h3 {background:#79247A;}

div.dropdown form {border:1px solid #ccc; padding:10px 0; float:left; width:198px; margin:-1px 0 0 0;}
* html div.dropdown form {width:200px;}
* + html div.dropdown form {width:200px; background:#000;} /* adjust width for IE7 */
div.dropdown form select {border:1px solid #ccc; width:140px; float:left; margin:0 0 0 10px; display:inline;}
div.dropdown form input.button {width:auto; font-size:1em; text-decoration:none; border:1px solid #ccc; background:#ccc; cursor:pointer; float:right; margin:0 10px 0 0; padding:2px 2px 2px 2px; color:#fff;}
div.dropdown#support form input.button {background:#5D9ED7;}
div.dropdown#field form input.button {background:#7BB03B;}
div.dropdown#fieldandsupport form input.button {background:#79247A;}

/* for IE to render the buttons properly */
div.dropdown form input.button {width: auto; overflow: visible;}