#map 
{
	clear:left;
   width:600px;
   height:400px;
   float:left;
}
#spatial
{
    width:250px;
    float:left;
    padding:10px;
}
#spatial ul,#help ul
{
    list-style:none;
    padding-left:1em;
    margin:10px;
    text-indent:-1em;
}
#help
{
	clear:both;
    background:#eee;
    padding:10px;
    width:90%;
}
#help ul li {white-space:normal;}

/* global */
a { color: #04c; text-decoration: none; }
a:hover { text-decoration: underline; }
.outer { width: 880px; margin: 0 auto; }
#header h1 { font-size: 24px; margin: 0 0 10px 0; }
#header a, #header a:hover { text-decoration: none; color: #444; }
#footer { font-size: 12px; margin-top: 20px; border-top: 1px solid #46a; padding-top: 10px; color: #666; }
#footer a { color: #666; text-decoration: underline; }
/* form */
form#q-form { margin: 0; }
#q-input { overflow: hidden; zoom: 1; clear: both; }
#q-input .text { 
	float: left; width: 333px;
	padding: 0 3px; line-height: 26px; 
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #9A9A9A #CDCDCD #CDCDCD #9A9A9A;
    border-style: solid; border-width: 1px;
    font: 16px arial; height: 22px;
    padding: 4px 7px; vertical-align: top;
    background: url("http://su.bdimg.com/static/superpage/img/spis_167a8734.png") no-repeat scroll 0 0 transparent;
}
#q-input .button { 
	float: left; font-size: 14px; margin-left: 10px;
    background: url("http://su.bdimg.com/static/superpage/img/spis_167a8734.png") repeat scroll 0 -35px #DDDDDD;
    border: 0 none; cursor: pointer; height: 32px; padding: 0; width: 95px;	
}
#q-input .tips { color: #aaa; font-size: 12px; }
#q-options { overflow: hidden; zoom: 1; margin: 10px 0; font-size: 12px; clear: both; }
#q-options h4 { font-size: 14px; float: left; margin: 0; }
#q-options ul { float: left; margin: 0; padding: 0; }
#q-options li { float: left; margin: 0 0 0 10px; padding: 0; list-style: none; }
/* result */
.res_div2 { overflow: hidden; zoom: 1; clear: both; margin-top: 10px; }
.res_div2 h4 { font-size: 16px; font-weight: bold; float: left; margin: 0; padding: 0; }
.res_div2 ul { float: left; margin: 0; padding: 0; }
.res_div2 li { float: left; margin: 0 0 0 0; padding: 0; list-style: none; }
#hot-search h4 { margin: 10px 0; float: none; }
#hot-search li { margin-right: 10px; }
#hot-search li small { font-size: 80%; color: #aaa; }
#res-neck { margin-top: 10px; border-bottom: 1px solid #46a; background: #def; font-size: 12px; padding: 5px; }
#res-error { margin: 20px 0; color: red; }
#res-error strong { font-weight: bold; font-size: 120%; }
#res-fixed h4 { font-size: 14px; font-weight: normal; font-style: italic; }
#res-fixed li { margin: 0 5px; }
#res-fixed li a { color: #a00; }
#res-empty { margin-top: 10px; }
#res-pager a { margin: 0 5px; }
#res-pager strong { margin: 0 5px; }
#res-related { padding: 10px; background: #eee; }
#res-related h4 { font-size: 14px; }
#res-related ul { margin-left: 20px; width: 600px; }
#res-related li { width: 120px; padding: 0 5px; }
#res-related li a { text-decoration: underline; font-size: 12px; }
.res-doc { margin-top: 15px; }
.res-doc em { font-style: normal; color: red; }
.res-doc h2 { font-size: 16px; margin: 0; font-weight: normal; }
.res-doc h2 small { font-size: 12px; color: #aaa; }
.res-doc p { font-size: 12px; color: #666; margin: 4px 0; }
.res-doc ul { overflow: hidden; zoom: 1; margin: 0; padding: 0; }
.res-doc li { list-style: none; padding: 0; margin: 0 20px 0 0; float: left; font-size: 12px; color: #666; }
.res-doc li span { border-bottom: 1px dotted #aaa; font-family: arial; color: #444; }
.ui-autocomplete li.ui-menu-item { font-size: 12px; }