#regionSelector{
       position: relative; 
       padding-left: 10px;
       font-family: Arial , sans-serif;
       color: #e9f8e1;  
       display: none;
    }
    #regionSelector .title{
       position: absolute; 
       top: 2px; 
       padding-left:5px; 
       font-size: 10px; 
    }
    #regionSelector .current{
        position: absolute; 
        padding-left:5px; 
        top: 15px; 
        font-size: 12px;
        cursor: pointer;
        width: 180px;
        z-index:2;
    }
    #regionSelector .current:hover{
        color: #f2e703;
    }
    #regionSelector .current span:hover{
        border-bottom: dashed 1px;
		color: #f2e703;
    }
    #regionSelector .current.clicked{
        background-color: #7a8c71;
        border-color: #38472f;
        border-style:solid;
        border-width: 1px 1px 0 1px;
    }
    #regionSelector .current.clicked span{
        border-bottom: dashed 1px;
    }
    #regionSelector .regionList{
        padding-left:5px; 
        display: none;
        width: 180px;
        background-color: #7a8c71;
        border-color: #38472f;
        border-style:solid;
        border-width: 0 1px 1px 1px;
        position: absolute;
        top:30px;
        font-size: 12px;
        z-index:1;
        padding-top:2px;
    }
    #regionSelector .regionList p{
       margin:2px 0 2px 0;
       line-height:1.5em;
    }
    #regionSelector .regionList span{
       cursor: pointer;
    }
    #regionSelector .regionList span:hover{
       color: #f2e703;
       border-bottom: solid 1px;
    }
    #regionSelector .regionList.showed{
        display: block;
    }