/************************************
**** GENERAL ***********************/


/************************************
**** HEADER ************************/
.pageBody {
  background: none;
  background-color: #ffffff;
  text-align: center;
  text-shadow: none;
}

.pageLogo {
  width:300px;
  height:70px;
  margin: 18px 0 16px 0;
  padding: 0;
}

.pageHeader {
  background: none;
  border: none;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
}


.pageNav {
  background-color: #ffffff;
}
.pageNav .ui-btn-inner {
  padding: 10px 0 10px 0 !important;
  border: none;
}
.pageNav .ui-btn,
.pageNav .ui-btn-active {
  background: none;
  border: none;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  font-weight: bold;
  text-decoration: none;
  text-shadow: none;
  background-color: #ffffff;
  color: #000000;
}
.pageNav .ui-btn-active {
  background-color: #000000;
  color: #ffffff;
}
.pageNav .ui-btn-text {
  font-size: 24px;
}

/* Portrait */
@media screen and (orientation:portrait) {
.pageNav .ui-btn-text {
  font-size: 16px;
}
}

.pageNav .ui-block-a {
  background-color: #000000;
}

.ui-content {
  padding: 0;
}

.icons {
  padding: 40px 10px 10px 10px;
}
.icon {
  width: 127px;
  height: 127px;
  background-image: url(../_img/icons.png);
  display: block;
  margin: 0 auto 20px auto;
}

/* Portrait */
@media screen and (orientation:portrait) {
    .icon {
      width: 88px;
      height: 88px;
      background-image: url(../_img/icons.png);
      display: block;
      margin: 0 auto 20px auto;
    }

}


.eat {
  /*background-position: -10px -10px;*/
  background-image: url(../_img/eat.png);
  background-position: center center;
  background-size: 100% 100%;
}
.coffee {
  /*background-position: -10px -224px;*/
  background-image: url(../_img/coffee.png);
  background-position: center center;
  background-size: 100% 100%;
}
.nightlife {
  /*background-position: -10px -438px;*/
  background-image: url(../_img/nightlife.png);
  background-position: center center;
  background-size: 100% 100%;
}
.shop {
  /*background-position: -10px -652px;*/
  background-image: url(../_img/shop.png);
  background-position: center center;
  background-size: 100% 100%;
}
.culture {
  /*background-position: -10px -866px;*/
  background-image: url(../_img/culture.png);
  background-position: center center;
  background-size: 100% 100%;
}
.outside {
  /*background-position: -10px -1080px;*/
  background-image: url(../_img/outside.png);
  background-position: center center;
  background-size: 100% 100%;
}

.textBlock {
  text-align: left;
  padding: 0 20px 0 20px;
}

.categoryHead {
  overflow: hidden;
  margin-top:20px;
  padding: 0 20px 0 20px;
}

.backButton {
  float:left;
  margin-top: 4px;
}
.backButton span {
  width: 125px;
  height: 58px;
  background: url(../_img/back_button.png) no-repeat center center;
  background-size: 100% 100%;
  display: block;
}

/* Portrait */
@media screen and (orientation:portrait) {
    .backButton span {
      width: 125px;
      height: 58px;
      background: url(../_img/back_button.png) no-repeat center center;
      background-size: 70% 70%;
      display: block;
    }
}


.categoryName {
  background-image: url(../_img/icons.png);
  background-repeat: no-repeat;
  float:right;
  background-position: right -147px;
  height: 67px;
}
.categoryName span {
  display: block;
  margin-top:20px;
  padding-right: 85px;
  font-size: 22px;
  color: #bf0d1d;
}

/* Portrait */
@media screen and (orientation:portrait) {
    .categoryName span {
      display: block;
      margin-top:20px;
      padding-right: 60px;
      font-size: 16px;
      color: #bf0d1d;
    }
}


.categoryName.eat {
    /*
  background-position: right -147px;
  background-size: auto auto;
  */
  background-image: url(../_img/eat.png);
  background-position: right center;
  background-size: 67px 67px;
}
/* Portrait */
@media screen and (orientation:portrait) {
    .categoryName.eat {
      background-image: url(../_img/eat.png);
      background-position: right center;
      background-size: 46px 46px;
    }
}


.categoryName.coffee {
    /*
  background-position: right -361px;
  background-size: auto auto;
  */
  background-image: url(../_img/coffee.png);
  background-position: right center;
  background-size: 67px 67px;
}

/* Portrait */
@media screen and (orientation:portrait) {
    .categoryName.coffee {
      background-image: url(../_img/coffee.png);
      background-position: right center;
      background-size: 46px 46px;
    }
}

.categoryName.nightlife {
    /*
  background-position: right -575px;
  background-size: auto auto;
  */
  background-image: url(../_img/nightlife.png);
  background-position: right center;
  background-size: 67px 67px;
}

/* Portrait */
@media screen and (orientation:portrait) {
    .categoryName.nightlife {
      background-image: url(../_img/nightlife.png);
      background-position: right center;
      background-size: 46px 46px;
    }
}




.categoryName.shop {
    /*
  background-position: right -789px;
  background-size: auto auto;
  */
  background-image: url(../_img/shop.png);
  background-position: right center;
  background-size: 67px 67px;
}
/* Portrait */
@media screen and (orientation:portrait) {
    .categoryName.shop {
      background-image: url(../_img/shop.png);
      background-position: right center;
      background-size: 46px 46px;
    }
}

.categoryName.culture {
    /*
  background-position: right -1003px;
  background-size: auto auto;
  */
  background-image: url(../_img/culture.png);
  background-position: right center;
  background-size: 67px 67px;
}
/* Portrait */
@media screen and (orientation:portrait) {
    .categoryName.culture {
      background-image: url(../_img/culture.png);
      background-position: right center;
      background-size: 46px 46px;
    }
}

.categoryName.outside {
    /*
  background-position: right -1217px;
  background-size: auto auto;
  */
  background-image: url(../_img/outside.png);
  background-position: right center;
  background-size: 67px 67px;
}

/* Portrait */
@media screen and (orientation:portrait) {
    .categoryName.outside {
      background-image: url(../_img/outside.png);
      background-position: right center;
      background-size: 46px 46px;
    }
}

#mapcanvas{
  width: 90%;
  height: 250px;
}

/************************************
**** LIST **************************/
.tabNavigation {
  margin: 25px 0 20px 0;
}
.tabNavigation .ui-block-a,
.tabNavigation .ui-block-b,
.tabNavigation .ui-block-c {
  border-bottom: 1px solid #000000;
  border-top: 1px solid #ffffff;
  cursor: pointer;
}
.tabNavigation .tab {
  position: relative;
  height: 79px;
  background-color: #dadada;
  color: #000000;
  font-size: 20px;
  border-top:  1px solid #dadada;
}
.tabNavigation .tab span {
  padding: 15px 20px 0 20px;
  display:block;
}
.tabNavigation .active .tab {
  color: #bf0d1d;
}
.tabNavigation .ui-block-a .tab {
  border-right: 1px solid #ffffff;
}
.tabNavigation .ui-block-c .tab {
  border-left: 1px solid #ffffff;
}
.tabNavigation .ui-block-a.active,
.tabNavigation .ui-block-b.active,
.tabNavigation .ui-block-c.active{
  border-bottom: none;
}
.tabNavigation .ui-block-a.active .tab,
.tabNavigation .ui-block-b.active .tab,
.tabNavigation .ui-block-c.active .tab {
  border-top:  1px solid #000000;
  background-color: #ffffff;
}
.tabNavigation .ui-block-a.active .tab,
.tabNavigation .ui-block-a.block .tab {
  border-right: 1px solid #000000;
}
.tabNavigation .ui-block-c.active .tab,
.tabNavigation .ui-block-c.block .tab{
  border-left: 1px solid #000000;
}

.listView {
  	overflow: hidden;
}
.listView a {
	text-decoration: none;
}
.listView .item {
  border-bottom: 1px solid #cdcdcd;
  overflow: hidden;
}
.listView .item .number {
  float:left;
  text-align: left;
  margin-left: 20px;
  width: 40px;
}
.listView .item .number h3 {
  margin: 10px 0 5px 0;
}
.listView .item .description {
  float:left;
  text-align: left;
  width:250px;
}
.listView .item .description h3 {
  margin: 10px 20px 5px 0;
}
.listView .item .description p {
  margin: 0 20px 10px 0;
}
.listView .item .ranking, .listView .item .created {
  	float: right;
	display: block;
  	width: 155px;
  	height: 40px;
  	margin: 10px 20px 0 0;
}
.listView .item .ranking {
	background-image: url(../_img/stars.png);
}
.listView .item .created {
	font-weight: bold;
}

.star1 {
  background-position: left 0;
}
.star2 {
  background-position: left -40px;
}
.star3 {
  background-position: left -80px;
}
.star4 {
  background-position: left -120px;
}
.star5 {
  background-position: left -160px;
}

/************************************
**** LOCATION/DETAILS **************/
div#location {
	text-align: left;
  	padding: 0 20px 0 20px;
}
div#location a {
	text-decoration: none;
}
div#location span.ranking {
	display: block;
 	width: 155px;
  	height: 40px;
  	margin: 10px 20px 0 0;
  	background-image: url(../_img/stars.png);
}
div#location span#voting {
	position: relative;
	top: -32px;
	left: 155px;
}
div#location span#rateLocation {
	display: block;
  	width: 155px;
  	height: 40px;
	position: relative;
	left: 125px;
	top: -25px;
	overflow: hidden;
}
div#location span#yourRating {
	position: relative;
  	top: -35px;
	left: 125px;
}

/************************************
**** FOOTER ************************/
.footerPlaceholder {
  margin: 70px 0 0;
  background: none repeat scroll 0 0 transparent;
  height: 0;
  padding: 0;
}
.ui-footer {
  bottom: 0;
  left: 0;
  margin: 0;
  position: absolute !important;
  background: none;
  border: none;
  background-color: #ffffff;
  padding: 10px 0 10px 0;
  border-top: 1px solid #000000;
}
.ui-footer .ui-link,
.ui-footer .ui-link:visited,
.ui-footer .ui-link:hover {
  color: #000000;
  font-weight: normal;
  text-shadow: none;

}

/*Formular*/

.error {
    font-weight: bold;
    color: #bf0d1d;
}

.wrap_form {
    text-align: left;
}

#createLocation input, #createLocation textarea, #createLocation select {
    margin: 5px auto 15px auto;
}

#createLocation label {
    font-weight: bold;
    margin: 0px 0px 10px 10px;
}