body {
    font-family: 'Open Sans';
}
a {
  color: #004F77;
}
h3 {
  font-weight: normal;
  background-color: #f1c40f;
  color: #fff;
  padding-left: 0.5em;
}
.navbar-inner {
  background-color: #F5F5F5;
  background-image: none;
  border: none;
  border-radius: 0px;
  box-shadow: none;
}

.navbar .container {
  max-width: 940px;
}
#menu {
  border-top: 2px solid #1abc9c;
}
#menu a {
  color: #333;
  text-shadow: none;
}

#menu .brand {
  font-weight: bold;
}

#menu #add-listing {
  font-weight: bold;
}

.fstar {
  float: right;
}

.listing {
  margin-bottom: 1.5em;
  padding: 1em;
  background-color: #f5f5f5;
}

.listing strong {
  font-size: 16px;
}

.listing-photos {
  background-color: #f1f1f1;
  padding: 0.5em;
  margin-top: 1em;
}

/*  styles for the unit rater     */
.near-listing, .top-listing {
  margin-bottom: 1em;
  background-color: #f5f5f5;  
  padding: 0.5em;
}
.ratingblock, #ratingblock {
	width: 125px;
	display:block;
	height: 20px;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 25px;
	position: relative;
	background: url('i/alt_star.png') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:25px;
	height: 25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover {
	background: url('i/alt_star.png') left center;
	z-index: 2;
	left: 0px;
}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:25px;}
.unit-rating a.r2-unit{left:25px;}
.unit-rating a.r2-unit:hover{width: 50px;}
.unit-rating a.r3-unit{left: 50px;}
.unit-rating a.r3-unit:hover{width: 75px;}
.unit-rating a.r4-unit{left: 75px;}	
.unit-rating a.r4-unit:hover{width: 100px;}
.unit-rating a.r5-unit{left: 100px;}
.unit-rating a.r5-unit:hover{width: 125px;}

.unit-rating li.current-rating {
	background: url('i/alt_star.png') left bottom;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
div#qTip {
  padding: 3px;
  /* border: 1px solid #666;*/
  display: none;
  background: #fff;
  color: #000;
  text-align: left;
  position: absolute;
  z-index: 1000;
}
#ratingtxt { padding-top: 5px; }
#ratetext { 
    /* text of rating */
}
#totalvotes {
    /* total number of votes - set this
     * to hidden if you don't want to display the
     * its contents */
    visibility: hidden;
}

#ratingWidget {
  margin: 1em 0;
}
#divMap {
	border: 1px solid rgb(245,245,245);
	overflow:hidden; 
	display:block;
	width: 100%; 
	height: 320px;
	margin-bottom: 1em;
}

#map {
	width: 100%;
}

.recaptcha {
  margin-bottom: 1em;
}
.recaptcha * {
    border: 0 !important;
    line-height: normal !important;
}
#recaptcha_table{ table-layout: auto; }

#divMap img, .recaptcha img {
	max-width: none;
}

.stars {
  width: 125px;
}

.important, #top-rated {
  background-color: #e74c3c;
}

#listings-title, .alt-title {
  background-color: #3498db;
}

#footer {
  margin-top: 3em;
}

#footer .navbar-inner {
  background-color: #fff;
}

#footer .navbar-inner a {
  text-shadow: none;
  color: #333;
}

#small-photos {
  margin: 1em 0;
}

.review-controls, .photos-controls, .user-controls {
  margin: 1em 0;
}

#reviews-block {
  margin-top: 1em;
}

.review-box {
  background-color: #f5f5f5;
  color: #454545;
  margin-bottom: 1em;
  padding: 1em;
}

.review-box img {
  width: 26px;
}
.review-box a.reviwer-name  {
  margin-left: 0.5em;
}

.reviwer-name {
  margin-left: 0.5em;
}

.review-time {
  margin-top: 1em;
  margin-bottom: 0;
}

.review-box-text {
  margin-top: 1em;
}

#social-bookmarks a {
  opacity: 0.6;
}

#social-bookmarks a:hover {
  opacity: 0.9;
}

.message, .error-message {
  color: #a00;
  margin-bottom: 1em;
}

/**
 * PAGINATOR
 */

#paginator span {
	display: inline-block;
	min-width: 18px;
	padding: 5px;
}

#paginator span a:hover {
	text-decoration: none;
}

#paginator span.current {
	color: #000;
	font-weight: bold;
}

/**
 * AUTOCOMPLETE
 */

.auto_complete    {
	background-color: #fff;
	border: 1px solid #1C0113;
	z-index: 5;
	cursor: pointer;
	display: none;
	margin-top: -10px;
	position: absolute;
}

.autocomplete {
	margin: 0;
}

.autocomplete li {
	list-style: none;
	border-top: 1px solid #ccc;
	color: #1C0113;
	font-weight: bold;
	padding: 10px;
	margin: 0;
}

.auto_complete  li:hover {
	background-color: #ffb;
}
#gallery img {
  margin: 0 0.5em 1em 0.5em;
}
@media (min-width: 768px) and (max-width: 979px) {

  #social-bookmarks img {
    margin-bottom: 0.5em;
  }

}

@media (max-width: 767px) {

}