/* Override some defaults
-------------------------------------------------- */
body {
  color: #080808;
	position: relative;
	font-family: 'Bitter', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ', Arial, sans-serif, "Helvetica Neue", Helvetica;
	background-color: #f7f7f7;
  background: #fff url('../img/snb_bg.png') 0 0 repeat;
}

a{color:#8b4513;text-decoration:none;}
a:hover{color:#663300;text-decoration:underline;}

p{margin:0 0 9px;font-family:inherit;font-size:13px;line-height:18px;}
input,button,select,textarea{font-family:inherit;}

.container footer {
  padding-top: 20px;
  padding-bottom: 20px;
}

.container footer p {
	text-align: center; /* center align it with the container */
}

.thumbnail {
  background-color: #fafafa;
  display: block;
  padding: 4px;
  line-height: 1;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}

.thumbnail.item-thumb {
  min-height: 258px;
}

.thumbnail#add-button-thumb {
  background-color: #eeeeee;
  height: 258px;
}

input, textarea {
  color: #000;
}

.placeholder {
  color: #aaa;
}

.no-default {
  color: #ccc;
  font-weight: normal;
  font-style: italic;
}

.modal {background-color:#f8f8f8;}

.page-header{padding-bottom:17px;margin:10px 0 18px 0;border-bottom:1px solid #eeeeee;}

.navbar-inner{padding-left:20px;padding-right:20px;background-color:#f8f8f8;background-image:-moz-linear-gradient(top, #ffffff, #eeeeee);background-image:-ms-linear-gradient(top, #ffffff, #eeeeee);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee));background-image:-webkit-linear-gradient(top, #ffffff, #eeeeee);background-image:-o-linear-gradient(top, #ffffff, #eeeeee);background-image:linear-gradient(top, #ffffff, #eeeeee);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);}
.navbar .nav>li>a{float:none;padding:12px 10px 11px;line-height:19px;color:#080808;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.05);}
.navbar .nav>li>a:hover{background-color:transparent;color:#663300;text-decoration:none;}
.navbar .nav .active>a,.navbar .nav .active>a:hover{background-color:#cccccc;}
.navbar .divider-vertical{height:42px;width:1px;margin:0 9px;overflow:hidden;background-color:#cccccc;border-right:1px solid #eeeeee;}
.navbar .brand{float:left;display:block;padding:10px 20px 6px;margin-left:-20px;font-size:20px;font-weight:bold;line-height:1;color:#111111;}
.navbar .nav .dropdown-toggle .caret,.navbar .nav .open.dropdown .caret{opacity:0.7;filter:alpha(opacity=70);border-top-color:#996633;border-bottom-color:#996633;}
.dropdown.open{*z-index:1000;}.dropdown.open .dropdown-toggle{color:#111111;background:#ccc;background:rgba(0, 0, 0, 0.3);}
.dropdown-menu {background-color:#f8f8f8;}
.dropdown-menu a{display:block;padding:3px 15px;clear:both;font-weight:normal;line-height:18px;color:#080808;white-space:nowrap;}
.dropdown-menu li>a:hover,.dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#fafafa;text-decoration:none;background-color:#996633;}

#home-tab.nav-tabs{border-bottom:1px solid #663300;}
#home-tab.nav-tabs>li>a:hover{color:#fafafa;border-color:#663300 #663300 #663300;background-color:#996633;}
#home-tab.nav-tabs>.active>a,#home-tab.nav-tabs>.active>a:hover{color:#fafafa;font-weight:normal;border:1px solid #663300;border-bottom-color:transparent;cursor:default;background-color:#663300;background-image:-moz-linear-gradient(top, #996633, #663300);background-image:-ms-linear-gradient(top, #996633, #663300);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#996633), to(#663300));background-image:-webkit-linear-gradient(top, #996633, #663300);background-image:-o-linear-gradient(top, #996633, #663300);background-image:linear-gradient(top, #996633, #663300);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#996633', endColorstr='#663300', GradientType=0);}
#home-tab.nav-tabs>li>a:hover{border-bottom-color:transparent;border-top-color:#663300;}

.popover.bottom .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #663300;}

.well {
  background-color:#fdfdfd;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

/* Common
-------------------------------------------------- */
.gradient-white {
  background-color:#f8f8f8;background-image:-moz-linear-gradient(top, #ffffff, #eeeeee);background-image:-ms-linear-gradient(top, #ffffff, #eeeeee);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee));background-image:-webkit-linear-gradient(top, #ffffff, #eeeeee);background-image:-o-linear-gradient(top, #ffffff, #eeeeee);background-image:linear-gradient(top, #ffffff, #eeeeee);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

.bg-white {
  background-color:#fafafa;
}

.clearfix:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Top
-------------------------------------------------- */
.color-strap {
  background-color:#663300;
  position:absolute;right:0;left:0;z-index:1040;margin-bottom:0;
  height: 5px;
  top: 0px;
}

#top-header {
  height: 220px;
  overflow: hidden;
  -moz-border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
  position: relative;
  -webkit-box-shadow:3px 3px 3px 3px rgba(0,0,0,0.4) inset;
  -moz-box-shadow:3px 3px 3px 3px rgba(0,0,0,0.4) inset;
  box-shadow:3px 3px 3px 3px rgba(0,0,0,0.4) inset;
  background: #fff url('../img/cardboard_bg.png') 0 0 repeat;
}

#top-footer {
  height: 60px;
  overflow: hidden;
  -moz-border-radius: 0px 0px 4px 4px;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  position: relative;
  -webkit-box-shadow:3px 3px 3px 3px rgba(0,0,0,0.4) inset;
  -moz-box-shadow:3px 3px 3px 3px rgba(0,0,0,0.4) inset;
  box-shadow:3px 3px 3px 3px rgba(0,0,0,0.4) inset;
  background: #fff url('../img/cardboard_bg.png') 0 0 repeat;
}

.btn-xlarge{
  padding:14px 14px;font-size:18px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
  -webkit-box-shadow:3px 3px 2px rgba(0,0,0,0.4);
  -moz-box-shadow:3px 3px 2px rgba(0,0,0,0.4);
  box-shadow:3px 3px 2px rgba(0,0,0,0.4);
}

.main-intro {
	background-color:#f8f8f8;background-image:-moz-linear-gradient(top, #ffffff, #f8f8f8);background-image:-ms-linear-gradient(top, #ffffff, #f8f8f8);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f8f8f8));background-image:-webkit-linear-gradient(top, #ffffff, #f8f8f8);background-image:-o-linear-gradient(top, #ffffff, #f8f8f8);background-image:linear-gradient(top, #ffffff, #f8f8f8);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0);
	overflow: hidden;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	padding: 30px 40px 0 40px;
}

.main-intro h3 {
	font-size: 18px;
}

.main-intro p {
	font-size: 14px;
}

.intro-image { float: left; }
.intro-text { width: 440px; float: right; }

.intro-1 .intro-text { padding-top: 40px; }
.intro-1 .intro-image { margin-left: 0px; }

.intro-2 .intro-text { padding-top: 40px; }
.intro-2 .intro-image { margin-left: 10px; }

.intro-3 .intro-text { padding-top: 40px; }
.intro-3 .intro-image { margin-left: 0px; }

.intro-reversed .intro-image { float: right; margin-right: 0px }
.intro-reversed .intro-text { float: left; margin-left: 10px; }

.intro-last {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}

.intro-picture {
  display: block;
  padding: 2px 2px 0px;
  line-height: 1;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* Home
-------------------------------------------------- */
td.status{padding:12px 10px 12px 10px;margin-bottom:18px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
td.sold{background-color:#dff0d8;color:#468847;}
td.requested{background-color:#fcf8e3;color:#c09853;}
td.approved{background-color:#dff0d8;color:#468847;}
td.canceled{background-color:#fafafa;color:#777777;}
td.declined{background-color:#fafafa;color:#777777;}
td.soldout{background-color:#f2dede;color:#b94a48;}

.messages-list-box {
  height: 70px;
  padding: 5px;
}

.messages-list-box-unread {
  background-color:#f5deb3;
}

.messages-list-title {
  height: 70px;
  float: left;
  padding-top: 10px;
  padding-left: 10px;
  color: #222222;
}

.ellipsis.messages-list-latest {
  width: 500px;
  white-space: nowrap;
  overflow: hidden;
}

.messages-list-date {
  text-align: right;
  margin-top: 5px;
  margin-right: 5px;
  color: #aaaaaa;
}

.messages-person-box {
  padding: 0px;
}

.messages-person-title {
  float: left;
  padding-top: 0px;
  padding-left: 10px;
  width: 500px;
}

.messages-person-date {
  text-align: right;
  margin-top: 0px;
  color: #aaaaaa;
}

.messages-person-buttons {
  text-align: right;
  margin-top: 10px;
}

.messages-person-body {
  overflow-y:auto;
}

.message-reply-input {
  margin-left: 65px;
  width: 500px;
}

.messages-back-list {
  float: right;
  text-align: right;
  margin-top: 0px;
  margin-bottom: 0px;
}

.message-modal-form {
  padding-left: 80px;
}

.notification-popover-inner {
  background-color:#663300;
  width: 240px;
}

.navbar-notification-list-box {
  color: #222222;
}

.navbar-notification-list-date {
  color: #aaaaaa;
}

.notification-mark-all-as-read {
  float: right;
  text-align: right;
  margin-top: 0px;
  margin-bottom: 0px;
}

.notification-list-box {
  height: 40px;
  padding: 5px;
}

.notification-unread-mark {
  background-color:#f5deb3;
}

.notification-list-date {
  float: right;
  text-align: right;
  margin-top: -20px;
  margin-right: 10px;
  color: #aaaaaa;
}

.notification-link {
  color: #222222;
}

.notification-popover-inner .popover-title {font-weight:normal;-webkit-border-radius:0px 0px 6px 6px;-moz-border-radius:0px 0px 6px 6px;border-radius:0px 0px 6px 6px;}
.notification-popover-inner .popover-content {background-color:#f8f8f8;-webkit-border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;border-radius:6px 6px 0px 0px;}
table.navbar-notification-list-table {width:100%;margin-top:-10px;margin-bottom:-14px;}
table.navbar-notification-list-table td{padding:4px;line-height:18px;text-align:left;vertical-align:top;border-top:0px;border-bottom:1px solid #dddddd;}

.home-market-state-help-popover-inner {
  background-color:#663300;
  width: 250px;
}

/* Profile
-------------------------------------------------- */
.picture, .picture:hover {
  display: block;
  margin: 1px;
  padding: 1px;
  line-height: 1;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  float: left;
  width: 60px;
}

.profile-photo {
  float: left;
  padding-right: 10px;
  width: 70px;
}

.profile-info {
  float: left;
  padding-top: 10px;
  padding-left: 10px;
  width: 80px;
}

.profile-info2 {
  float: left;
  padding-top: 10px;
  padding-left: 10px;
}

/* Edit in Place
-------------------------------------------------- */
.xfanIpeEditable {
  display: inline-block;
}

.edit-button {
  padding-left: 8px;
}

#market-description div.xfanIpeEditableMouseover {
  background-color: #f5deb3;
}

.item-info div.xfanIpeEditableMouseover {
  background-color: #f5deb3;
}

.edit-button-item {
  padding-left: 0px;
}

/* Market
-------------------------------------------------- */
#progress-loading {
  margin-left: 15%;
  margin-top: 100px;
  width: 70%;
}

.market-see-profile {
  margin-top: 8px;
}

.market-state-help-popover-inner {
  background-color:#663300;
  width: 300px;
}

.market-currency {
  font-weight: bold;
  color:#468847;
  margin-top:5px;
}

.item-name-area,
.item-description-area {
  width: 190px;
}

.item-name-area {
  min-height:19px;
}

.item-description-area.detail-description {
  margin-top:3px;
  width:210px;
  max-height:200px;
  overflow-y:scroll;
}

.item-description-area.detail-description.detail-viewer {
  max-height:250px;
}

.item-description-area.detail-description::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
.item-description-area.detail-description::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.ellipsis.item-name-area,
.ellipsis.item-description-area {
  white-space: nowrap;
  overflow: hidden;
}

.ellipsis.item-description-area {
  height: 28px;
}

.item-info .item-price {
  text-align: right;
  font-weight: bold;
  margin-top: -14px;
  color:#468847;
}

.item-updated {
  font-style: italic;
  text-align: right;
  color: #cccccc;
}

.detail-info .item-price {
  font-weight: bold;
  color:#468847;
  margin-top:5px;
}

.item-image {
  text-align: center;
  height: 180px;
}

.add-picutre-button {
  margin-top: 152px;
}

.thumbnail .add-picture-loading {
  position:absolute;
  margin-top: 185px;
  margin-left: 175px;
}

.item-info span.xfanIpeEditableMark,
.detail-info span.xfanIpeEditableMark {
  display: none;
}

input.save-button {
  margin-right: 5px;
}

.item-buttons {
  width: 100%;
  padding-top: 30px;
}

.item-detail-div {
  position:absolute;
  margin-top: 105px;
  margin-left: 55px;
}

.item-multiple-photos-div {
  position:absolute;
  margin-top: 163px;
  margin-left: 165px;
  color: #ffffff;
}

.item-status {
  position:absolute;
  margin-top: 0px;
  margin-left: 0px;
  width:168px;
  text-align: center;
  padding:8px 20px 8px 20px;
  text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
  border:1px solid #fbeed5;
}

.item-status-sold {
  background-color:#dff0d8;
  color:#468847;
  border-color:#d6e9c6;
}

.item-status-soldout {
  background-color:#f2dede;
  color:#b94a48;
  border-color:#eed3d7;
}

.item-status-requested {
  background-color:#fcf8e3;
  color:#c09853;
  border-color:#fbeed5;
}

.item-status-approved {
  background-color:#dff0d8;
  color:#468847;
  border-color:#d6e9c6;
}

.input-180 {
  width:180px;
}

.input-440 {
  width:440px;
}

.edit-menu {
  text-align: center;
}

div#add-button-thumb {
  text-align: center;
}

div#add-button-thumb a{
  position:relative;
  top:45%;
}

/* Item Detail
-------------------------------------------------- */
.modal-detail {
  width: 908px;
  margin:-280px 0 0 -450px;
  max-height: none;
}

.modal-detail .modal-body {
  max-height: none;
}

.modal-detail .add-image-button {
  padding-top: 10px;
  height: 40px;
}

.detail-buttons-owner {
  padding-top: 10px;
}

.detail-delete-picure {
  padding-top: 3px;
}

/* jCarousel Styles */
.jcarousel-skin-pika .jcarousel-container-horizontal {
  padding: 15px 20px;
  overflow:hidden;
}

.jcarousel-skin-pika .jcarousel-clip-horizontal {
  height: 70px;
  width: 485px;
}

.jcarousel-skin-pika .jcarousel-item-horizontal {
  margin-right: 10px;
}

/* help page */
.help-menu {
  position: fixed;
  width: 940px;
  left: 50%;
  margin-left:-465px;
  z-index: 11;
}

.help-menu .sidebar-nav {
  width: 220px;
  padding: 9px 0;
}

.help-content {
  z-index: 10;
}

.help-title {
  padding-top:50px;
  margin-top:-50px;
}

/* citiy selection */
.city-list {
	padding:10px;
}
.cityname {
	padding-bottom:10px;
}

/* Sign Up / Login
-------------------------------------------------- */
#fb-signup>img:hover, #fb-login>img:hover {
  opacity:0.95;
  filter:alpha(opacity=95);
}

/* IE Compatible
-------------------------------------------------- */
body.ie7 .navbar-inner,
body.ie8 .navbar-inner {
  zoom: 1;
  filter:
    progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=1 Direction=180),
    progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=1, Color=#40000000);
}