@charset "utf-8";
/*######################################################################
#                        COUNTRY SELECTOR                              #
########################################################################
#       Autor:        Frank Herrmann                                   #
#       Homepage:     www.codeking.eu                                  #
########################################################################
# This program is free software; you can redistribute it and/or modify #
# it under the terms of the GNU General Public License as published by #
# the Free Software Foundation; either version 3 of the License, or    #
# (at your option) any later version.                                  #
#                                                                      #
# This program is distributed in the hope that it will be useful,      #
# but WITHOUT ANY WARRANTY; without even the implied warranty of       #
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the        #
# GNU General Public License for more details.                         #
#                                                                      #
# You should have received a copy of the GNU General Public License    #
# along with this program; if not, see <http://www.gnu.org/licenses/>  #
# or write to the                                                      #
# Free Software Foundation, Inc.,                                      #
# 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.            #
#######################################################################*/

/*#####################
  TRANSPARENT LAYER
#######################*/
  div#transparent {
    position: absolute; z-index: 999999;
    top: 0; left: 0;
    background: #000;
    width: 100%;
  }
  
/*#####################
  JS COUNTRY SELECTION
#######################*/
  div.countryList {
    position: fixed; z-index: 9999999;
    _position: absolute;
    left: 50%; margin-left: -450px;
    background: #FFF;
    width: 920px; height: 476px;
    padding: 10px 5px;
    overflow: hidden;
    display: none;
    border: 2px solid #333;
    -moz-box-shadow: 0 0 10px #000; 
    -webkit-box-shadow: 0 0 10px #000; 
  	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  }
  
  div.countryList h2 {
    font-size: 13px; text-align: left;
    margin: 0; padding: 0; padding-left: 20px; margin-bottom: 5px; white-space: nowrap;
    background-repeat: no-repeat; background-position: left center;
  }
  
  div.countryList div.region {
    float: left; 
    margin: 5px 17px; 
    margin-bottom: 15px;
  }
  
  div.countryList div.region_scroll {
    width: 190px; height: 200px;
    overflow: hidden; overflow-y: auto;
    text-align: left;
  }
  
  div.countryList span {
    display: block;
    cursor: pointer; white-space: nowrap;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
  }
  
  div.countryList span.country_hover {
    color: red;
  }
  
  div.countryList span b, div.countrySelected b { font-weight: normal }
    
  div.countrySelected {
    position: absolute; display: none;
    width: 260px; padding: 3px;
    margin-top: 1px; margin-left: 1px;
    background: url(./flags/dropdown.gif) no-repeat right center;
    border-left: 1px solid #EEE; border-bottom: 1px solid #EEE;
    cursor: pointer; text-align: left;
  }
  
  div.countrySelected div {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
  }
  
  div.countryList h2.europe { background-image: url(./flags/europe.gif); }
  div.countryList h2.africa { background-image: url(./flags/africa.gif); }
  div.countryList h2.asia { background-image: url(./flags/asia.gif); }
  div.countryList h2.caribic { background-image: url(./flags/caribic.gif); }
  div.countryList h2.antarktica { background-image: url(./flags/antarktica.gif); }
  div.countryList h2.southamerica { background-image: url(./flags/southamerica.gif); }
  div.countryList h2.northamerica { background-image: url(./flags/northamerica.gif); }
  div.countryList h2.oceania { background-image: url(./flags/oceania.gif); }