div.rankings_title { font-size: 16px; padding-left: 15px; padding-top: 15px; padding-bottom: 3px; font-weight: strong;}

    table.rankings_list th { padding: 3px 5px 3px 5px; font-size: 10px;}
    table.rankings_list td { padding: 3px 5px 3px 5px; border-bottom: 1px solid #F0F0F0; }

    table.rankings_list tr.ui_first_row td { border-top: 1px solid #F0F0F0; }

    table.rankings_list th.ui_rank { text-align: left; width:1%; vertical-align: bottom; padding-left: 15px; }
    table.rankings_list td.ui_rank { text-align: right; width:1%; padding-left: 15px; }

    th.ui_place { text-align: left; vertical-align: bottom; }
    td.ui_place { white-space: nowrap; }

    th.ui_cid { text-align: center; width: 240px; }
    td.ui_cid { text-align: center; width: 240px; }
    
    tr.ui_highlight { background-color: #FFF1DC; }

    table.rankings_list td.ui_sorted { background-color: #F5F5F5; border-bottom: 1px solid #EAEAEA; }

    tr.ui_highlight td.ui_sorted { 
      background-color: #FAE8D4; 

    }

    table.rankings_list tr.ui_last_row td { border-bottom: 3px solid #DADADA; }
    td.ui_value {
      text-align: right;
      color: #000000;
      width: 200px;
    }

.sub_title {
    color: #FF752B;
    font-size: 15px;
    font-weight: normal;
    padding-bottom: 2px;
}
.boundary_message {
    color: #5c5f5f;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    padding-bottom: 2px;
    padding-top: 5px;
}
div.page_title {
  color: #104E97;
  font-size: 18px;
  font-weight: bold;
}

div.how_to {
  background-color: #E9E9E9;
  width: 300px;
  padding: 5px;
  margin-bottom: 5px;
}
div.how_to_title {
  font-size: 18px;
  font-weight: bold;
}

ul {
padding-left: 20px;
margin-left:0px;
margin-right:0px;
margin-top:2px;
} 

li {
margin-bottom: 3px;
}

.description_block {
  background-color: #E9EFEF;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 5px;
  height: 155px;
}
div.what_next {
  margin-top: 5px;
  border: solid 1px #C7C7C7;
  padding: 5px;
}

div.what_next div{
  font-size: 18px;
  font-weight: bold;  
}

table.legend_table {
  width: 100%;
  border: 1px solid #BBBBBB;

}
.city_name {
   font-size: 16px;
   color: #3f4141;

}
.select_header {
  background: #CCCCCC;
  color: #000000;
  font-weight: bold;
}
.legend_title {

  background-color: #f6f3ee;
}
div.rule {
  border-top: #EAEAEA solid 1px;

}
.report_indicator {
 color: #BF5145;
 font-size: 16px;
 text-align: left;
 font-weight: normal;
}

.form_label {
    color: #FF752B;
    font-size: 12px;
    font-weight: normal;
}
.choose_indicator {
 color: #BF5145;
 font-size: 12px;
 text-align: right;
 font-weight: normal;
}

/*****************************************************************************/
/*** AUTOCOMPLETE ************************************************************/

div.autocomplete {
    background: #ffffff;
    z-index: 20000;
}

div.autocomplete ul {
    border: 1px solid #888;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
    position: relative;
    right: 1px;
}

div.autocomplete ul li {
    margin: 0;
    padding: 2px 5px;
    list-style-type: none;
/******* both of these cusor declarations need to be here for IE ****/
    cursor: pointer;
    cursor: hand;
}

div.autocomplete ul li.selected { 
    background-color: #ffb;
    list-style-type: none;
}

div.autocomplete ul li.unselectable { 
    cursor: auto;
}

div.autocomplete ul li.section_title {
    background-color: #eaeaea;
    text-indent: 0px; // Override -12 indentation applied below to all table contents
}

div.autocomplete ul table td {
    text-indent: 0px; // Override -12 indentation applied below to all table contents
}

div.autocomplete ul strong.highlight {
    color: #000000;
    margin: 0;
    padding: 0;
}
tr.body_row {
   margin-bottom: 3px;
   margin-right: 3px;

}
table.autocomplete_place {
    width: 275px;
}

table.autocomplete_indicator {
    width: 430px;
}

td.autocomplete_place, td.autocomplete_indicator {
    white-space: normal; 
    width: 100%; 
    text-indent: 0px;
    padding-left: 0px;
    padding-right: 12px; 
}

td.autocomplete_place_pop, td.autocomplete_indicator_pop {
    text-align: right; 
    white-space: nowrap; 
    width: 0%; 
}

td.autocomplete_place_pop {
    color: green;
}

td.autocomplete_indicator_pop {
    color: orange;
}

div.autocomplete ul li.autocomplete_seperator {
    border-bottom: 1px dotted #888;
    padding: 0px 0px 0px 0px;
    line-height: 0px;
    font-size: 0px;
}
#navigation  {
padding: 15px 5px 0;
font-size: 11px;
}
#right_nav {
    font-size: 6.6pt;
}

img.preload, .hidden { position:absolute; left:-1000px; top:-1000px; }