#phone-input, #phone-input input { font:12px Arial, Helvetica, sans-serif; }
#phone-input .code { background:none transparent; margin:0; padding:2px; border:0; vertical-align:middle; }
#phone-input a, #phone-input input { outline:none; }
#phone-input a img { border:none; }
#phone-input .flag { background:url(../images/arrow_02.gif) 100% 3px no-repeat; width:27px; padding-right:15px; margin:3px 0 0 0; padding:2px; display:block; float:left; border: 1px solid #CCC;}
#phone-input .flag img { display:block; float:left; }
#phone-input .active { background:#ccc url(../images/arrow_02.gif) 100% 3px no-repeat !important; }
#phone-input .code { width:30px; text-align:right; margin-right: 5px;}
#phone-input .phoneno { border:1px solid #7F9DB9; padding:2px; }
#phone-input label.error { color:#F00; margin-left:10px; }
#phone-input input.error { background:#FF9; border:1px dotted #F00; }
#phone-input .countries { background:#fff; width:250px; height:300px; margin:0; padding:0; top:-9999px; left:-9999px; position:absolute; border:1px solid #ccc;overflow-x:hidden; overflow-y:auto; }
#phone-input .countries li {  width:220px; margin:0 5px; padding:0; position:relative; display:block; list-style:none; overflow:hidden; }
#phone-input .countries  a { background:#fff; width:210px; color:#666; padding:3px 5px; display:block; position:relative; float:left; text-decoration:none; }
#phone-input .countries  a:hover { background:#efefef; }
#phone-input .countries  a img { border:none; }
#phone-input .countries  .country-flag { right:5px; position:absolute; }
#phone-input .countries  .country-code { right:25px; position:absolute; }