/*
#topline {
  background-color: #383838;
  width: 100%;
  height: 4px;
}
#mainmenu {
  background-color: #383838;
}
/* ------------------------------------------------------------------------------- */
/* * *   list   * * */
/* ------------------------------------------------------------------------------- */
ul.topmenu_sec { padding:0px; margin:0px; list-style:none; font-size:11px;}
ul.topmenu_sec li { float:left;text-indent:20px; margin-right:25px;}
ul.topmenu_sec li a { color:#000}
ul.topmenu_sec li a:hover { color:#666; text-decoration:none !important;}
ul.topmenu_sec li#li-sitemap { background:url(../images/sitemap-ico.gif) no-repeat left center; }
ul.topmenu_sec li#li-aboutus { background:url(../images/aboutus-ico.gif) no-repeat left center; }
ul.topmenu_sec li#li-contact { background:url(../images/contact-ico.gif) no-repeat left center; }


/* ------------------------------------------------------------------------------- */
/* * *   elements   * * */
/* ------------------------------------------------------------------------------- */
html {	height:100%;}

body {
  width: 100%;
  margin:0; padding: 0;
  min-height: 100%;
  font-family: 'Droid Sans Mono', arial, serif; 
}

a {
  color: #0072B0;
  text-decoration: none;
}
a:hover {
  color: #0072B0;
  text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
  font-family: Tahoma,Helvetica,sans-serif;
}

h2 { font-size: 18px }

h2 {
  font-size: 16px;
  color: #3086FF;
}

h3 { font-size: 14px; }

b,strong {
  color: #484848
}

a b, a strong {
  color: #0072B0;
}

/* ------------------------------------------------------------------------------- */
/* * *   form   * * */
/* ------------------------------------------------------------------------------- */

#sfcalocality_search {
/*  display:inline;*/
  float: left;
/*  display: block;*/
  width:50%;/*
  min-width:445px;*/
}

#sfcalocality_search form {
  
}

#sfcalocality_search input[type=text] {
  padding: 2px;
  text-indent: .4em;
  font-size: 18px;
  color: #A6A6A6;
  background-color: #fff;
  display:block;
  float: right;
  margin:5px 10% 0px 10%;
  border: 1px #222222 solid;
  width:70%;
}

#simple-search { width:60%; background:#90c900 url(../images/loc_sec_bg.gif) repeat-x left top; height:42px; float:left;}
.search-form-button { float: left; width:108px; height:42px; display:block; background:url(../images/search-bt.gif) no-repeat; border:0px; text-indent:-99999px;}
.search-form-button:hover { background:url(../images/search-bt.gif) no-repeat 0px -44px; cursor:pointer}

#comment-block .row {
  margin: 3px 0;
}

.captcha-box {
  margin: 5px 0;
}

#comment-block .row label {
  width: 120px;
  display:block;
  float: left;
}
/* ------------------------------------------------------------------------------- */
/* * *   blocks   * * */
/* ------------------------------------------------------------------------------- */
#pagewrapper { height:inherit; }
#topwrapper {
  height: 115px; border-top:2px solid #3e3e3e; position:relative;
}

.logo { display:block; width:306px; height:64px; background:url(../images/logo.gif) no-repeat; text-indent:-999999px; position:absolute; top:25px; left:45px;}

#topline {  position:absolute; right:50px; top:15px;}

.loc_sec { width:100%; height:42px; background:#f5f5f5; border-top: 1px dotted #666; border-bottom:1px solid #3e3e3e;  }
.loc_point { background:url(../images/loc-ico.gif) no-repeat 5px 8px; padding-left:45px; float:left; height:42px; /* width:60%; */ line-height:15px; margin-left: -130px}

.breadcrumb {
  padding-top: 15px;
}
.breadcrumb .label {
  color: #3086FF;
  margin-right: 5px;
}

#mainmenu-design {
  text-align: center;
  position: absolute;
  top: 0;
  right: 300px;
  width:400px;
}
#mainmenu-design ul {
  margin: 0;
}
#mainwrapper {
  width: 100%;
  /*float: left;*/
  height: 75%;
  /*margin-bottom:30px;*/
  position:absolute;
}
#mainleft {  float: left;  width: 30%;  height: 100%; border-right:1px solid #000; margin-left:-1px;}
.accordion {overflow-y: hidden;}
#mainright {
  float: right;
  /*margin-left: 500px;*/
  width: 70%;
  height: 100%;
  position: relative;
  /*width: 100%;*/
}
#map {
  width:100%;
  height: 100%;
  position: relative;
}
#mapheader {
  height: 51px;
  /*background-color: #3086FF;*/
  background: transparent url(../images/map-head-bg.png) repeat-x top left;
  width: 100%;
  position:absolute;
  top: 0;
  z-index: 101
}
#mapwrapper {  width:100%; height: 100%; position:absolute;  z-index: 100}

#map-toggler {  position: absolute;  left: 0; top: 70%;  width:25px; height: 73px;  z-index:1000;cursor:pointer}
.mtt-open {background:url(../images/leftside-bt.gif) no-repeat; }
.mtt-open:hover { background:url(../images/leftside-bt.gif) no-repeat -27px 0px; }
/*.mtt-open-hover {background:url(../images/leftside-bt.gif) no-repeat -27px 0px; }*/
.mtt-closed {background:url(../images/leftside-bt.gif) no-repeat 0 -76px; }
.mtt-closed:hover {background:url(../images/leftside-bt.gif) no-repeat -27px -76px;}
/*.mtt-closed-hover {background:url(../images/leftside-bt.gif) no-repeat -27px -76px; }*/

#footer {  width:100%;  height: 5%;  background: #fff;  border-top:1px solid #000; clear:both;}
.ft_menu { padding-left:20px;line-height:30px;}
.ft_menu a { font-size:11px ;color:#000;}

/* ------------------------------------------------------------------------------- */
/* * *   overrides   * * */
/* ------------------------------------------------------------------------------- */
#mainleft .ui-tabs-nav,
#mainleft .left-header{
  background-color: #3086FF;
  height: 31px;
  padding-top: 5px;
}
.accordion ul { list-style:none; padding:0px; margin:0px; line-height:17px;}
.accordion h2 { margin:10px 0px 10px 0px; color:#8aae30}

.ui-tabs,
.left-block{
  height: 100% !important;
}

.ui-tabs-panel,
.left-content{
  height: 100% !important;
 /* overflow: auto;*/
}
/* ------------------------------------------------------------------------------- */
/* * *   start custom styling   * * */
/* ------------------------------------------------------------------------------- */

/*.ui-tabs-selected {
  background-color: #fff;
}*/

.button-active {
  border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00;
}

/* ------------------------------------------------------------------------------- */
/* * *   VOTES   * * */
/* ------------------------------------------------------------------------------- */
.vote-item h3 {
  margin: 0;
}
.vote-item {
  margin: 4px 0;
}
/* ------------------------------------------------------------------------------- */
/* * *   temporary   * * */
/* ------------------------------------------------------------------------------- */

/*.ui-tabs ul .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-tabs ul .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-tabs ul .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-tabs ul .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-tabs ul .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-tabs ul .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-tabs ul .ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-tabs ul .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-tabs ul .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }*/