/* Buttons */

a[data-role*="button"] {
	display: inline-block;
	min-width: 2.5em;
	margin-bottom: 0.5em;
	padding: 0.4em 0.8em;
	text-align: center;
	text-decoration: none;
	color: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	border-top: 1px solid #c3c9cd;
	border-bottom: 1px solid #48545c;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909ca3), color-stop(100%,#5d6d77));
	text-shadow: -1px -1px 0 rgba(0,0,0,0.25);
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a[data-role*="button"]:focus {
	outline: none;
}

a[data-role*="button"]:focus,
a[data-role*="button"]:active,
a[data-role*="button"].active:focus,
a[data-role*="button"].active:active
{
	border-top: 1px solid #d10f0a;
	border-bottom: 1px solid #990505;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#990505), color-stop(100%,#d10f0a));
} 

a[data-role*="button"].active {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d6d77), color-stop(100%,#909ca3));
}

a[data-role*="button"][disabled="disabled"] {
	color: #BBBBBB;
}

a[data-role*="button"][disabled="disabled"]:focus,
a[data-role*="button"][disabled="disabled"]:active
{
	border-top: 1px solid #c3c9cd;
	border-bottom: 1px solid #48545c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909ca3), color-stop(100%,#5d6d77));
}

a[data-role*="button"][disabled="disabled"]:before,
a[data-role*="button"][disabled="disabled"]:after
{
	opacity: 0.35;
}



/* Form elements */

input[type="text"],
input[type="date"],
select
{
	margin: 0;
	font-size: inherit;
	font-family: inherit;
	line-height: 1.5;
	border: none;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999999;
	outline: none;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BBBBBB), color-stop(100%,#FFFFFF));
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="text"] {
	padding: 0.4em 0.8em;
}

input[type="date"] {
	height: 2.4em;
}

select {
	height: 2.4em;
}


/* Navigation bar */

header {
	height: 3.5em;
	margin: -0.5em -0.5em 0.5em -0.5em;
	padding: 0.5em 0;
	text-align: center;
	color: #FFFFFF;
	border-bottom: 1px solid #414141;
	background-color: #000000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f6f6f), color-stop(50%,#1c1c1c), color-stop(50%,#000000), color-stop(100%,#000000));
	
	-webkit-box-sizing: border-box;
}

header h1 {
	line-height: 1.75em;
}

header a[data-role*="button"] {
	position: absolute;
	top: 0.5em;
}

header a[data-role="button-back"] {
	left: 0.5em;
	text-indent: -1000px;
	overflow: hidden;
	margin: 0;
	display: none;
}

.BB10 header a[data-role="button-back"] {
	display: inline-block;
}

header a[data-role="button-back"]:after {
	content: "";
	display: block;
	position: absolute;
	height: 32px;
	width: 32px;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
	background: url(../img/icons/icons.png) 0px -832px no-repeat;
}



/* Tab bar */

ul[data-role="tab-bar"] {
	display: table;
	width: 100%;
	margin-bottom: 0.5em;
	table-layout: fixed;

	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

ul[data-role="tab-bar"] li {
	display: table-cell;
}

ul[data-role="tab-bar"] li a[data-role="button"] {
	display: block;
	margin: 0;
	border-left: 1px solid #9aa7ae;
	border-right: 1px solid #57666f;
	
	-webkit-border-radius: 0;
	border-radius: 0;
}

ul[data-role="tab-bar"] li a[data-role="button"].active {
	border-top: 1px solid #909ca3;
	border-left: none;
	border-right: none;

	-webkit-box-shadow: inset 0 0 10px #404b52;
	box-shadow: inset 0 0 10px #404b52;
}

ul[data-role="tab-bar"] li a[data-role="button"].icon {
	position: relative;
	overflow: hidden;
	text-indent: -1000px;
}

ul[data-role="tab-bar"] li a[data-role="button"].icon:after {
	display: block;
	content: "";
	position: absolute;
	height: 32px;
	width: 32px;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
}

ul[data-role="tab-bar"] li:first-child a[data-role="button"] {
	border-left: none;

	-webkit-border-radius: 0.4em 0 0 0.4em;
	border-radius: 0.4em 0 0 0.4em;
}

ul[data-role="tab-bar"] li:last-child a[data-role="button"] {
	border-right: none;

	-webkit-border-radius: 0 0.4em 0.4em 0;
	border-radius: 0 0.4em 0.4em 0;
}



/* Item list */

ul[data-role="item-list"] {
	margin: 0 0 0.5em 0;
	padding: 0;
}

ul[data-role="item-list"] li[data-role="list-item"] {
	position: relative;
	color: #000000;
	list-style-type: none;
	list-style-position: inside;
	overflow: hidden;
	margin: 0 0 0.5em 0;
	padding: 0.5em;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999999;
	background: #E0E0E0;
	cursor: pointer;

	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
}

ul[data-role="item-list"] li[data-role="list-item"]:last-child {
	margin-bottom: 0;
}

ul[data-role="item-list"] li[data-role="list-item"]:focus,
ul[data-role="item-list"] li[data-role="list-item"]:active
{
	background: #FFFFFF;
}

ul[data-role="item-list"] li[data-role="list-item"] h3,
ul[data-role="item-list"] li[data-role="list-item"] p,
ul[data-role="item-list"] li[data-role="list-item"] span,
ul[data-role="item-list"] li[data-role="list-item"] img
{
	pointer-events: none;
}

ul[data-role="item-list"] li[data-role="list-item"] p {
	margin: 0;
}

ul[data-role="item-list"] li[data-role="list-item"] p.category {
	font-size: 0.8em;
	color: #666666;
}

ul[data-role="item-list"] li[data-role="list-item"] img {
	float: right;
}

ul[data-role="item-list"] li[data-role="list-item"] a.delete {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	overflow: hidden;
	text-indent: -1000px;
	height: 4em;
	line-height: 4em;
	width: 4em;
	pointer-events: auto;
}

ul[data-role="item-list"] li[data-role="list-item"] a.delete:after {
	content: "";
	display: block;
	position: absolute;
	height: 32px;
	width: 32px;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
	background: url(../img/icons/icons.png) 0px -800px no-repeat;
}

/*
ul[data-role="item-list"] li[data-role="list-item"] span.tag {
	display: inline-block;
	margin-bottom: 0.25em;
	padding: 0 0.25em;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999999;
	background: #BBBBBB;

	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}
*/

a[data-role="button"][data-action="load-more"] {
	display: block;
	margin: 0;
}



/* Date picker */
/*
#date-picker {
	text-align: center;
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 1em;
	border-top: 1px solid #414141;
	border-bottom: 1px solid #000000;
	background: #1B1B1B;
	
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#date-picker select {
	float: left;
	margin: 0 1% 0.5em 1%;
}

#date-picker select#date-year {
	margin-left: 0;
	width: 36%;
}

#date-picker select#date-month {
	width: 32%;
}

#date-picker select#date-day {
	margin-right: 0;
	width: 28%;
}

#date-picker a {
	width: 30%;
	margin: 0 1%;
}
*/


/* Toggle filter button */

a[data-action=toggle-filter] {
	right: 0.5em;
	text-indent: -1000px;
	overflow: hidden;
}

a[data-action=toggle-filter]:after {
	content: "";
	display: block;
	position: absolute;
	height: 32px;
	width: 32px;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
	background: url(../img/icons/icons.png) 0px -192px no-repeat;
}



/* Filter set */

#filter-box [data-action="filter"] {
	width: 49%;
	margin-bottom: 0.5em;
}

#filter-box [data-action="filter"]:nth-child(2n+1) {
	margin-right: 2%;
}



/* Select filter */

div[data-role="select"][data-action="filter"] {
	display: inline-block;
	margin-bottom: 0.5em;
}

div[data-role="select"][data-action="filter"] label {
	display: block;
}

div[data-role="select"][data-action="filter"] select {
	width: 100%;
}

div[data-role="select"][data-action="filter"] .status {
	line-height: 28px;
	padding: 0.3em 0.6em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999999;
	color: #000000;
	background: #E0E0E0;
	
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
}

div[data-role="select"][data-action="filter"] .status.loading {
}

div[data-role="select"][data-action="filter"] .status.loading:before {
	content: ".";
	display: inline-block;
	overflow: hidden;
	width: 28px;
	height: 28px;
	margin-right: 5px;
	text-indent: -1000px;
	background: url(../img/spinner_light.gif) center center no-repeat;
}

div[data-role="select"][data-action="filter"] .status.error {
}

div[data-role="select"][data-action="filter"] .status.error:before {
	content: ".";
	display: inline-block;
	overflow: hidden;
	width: 28px;
	height: 28px;
	margin-right: 5px;
	text-indent: -1000px;
	background: url(../img/icons/icon_error.png) center center no-repeat;
}



/* Binary filter */

a[data-action="filter"][data-type="binary"]{
	padding-left: 0.25em;
	text-align: left;
}

a[data-action="filter"][data-type="binary"]:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	margin-right: 3px;
	margin-top: -0.65em;
	margin-bottom: -0.4em;
	background: url(../img/icons/icons.png) 0px -128px no-repeat;
}

a[data-action="filter"][data-type="binary"].active:before {
	background: url(../img/icons/icons.png) 0px -96px no-repeat;
}



/* Custom filters */

a[data-action="filter"][data-type="custom"].nearby {
	padding-left: 0.25em;
}

a[data-type="custom"].nearby:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	margin-right: 3px;
	margin-top: -0.65em;
	margin-bottom: -0.4em;
	background: url(../img/icons/icons.png) 0px -224px no-repeat;
}

a[data-action="filter"][data-type="hidden"] {
	display: none;
}

a[data-action="filter"].selected.touched {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#990505), color-stop(100%,#d10f0a));
}

a[data-action="filter"] span,
a[data-type="custom"] span
{
	pointer-events: none;
}



/* Search */

[data-role='search']{
	position: relative;
	margin-bottom: 0.5em;
	padding-right: 3em;
}

[data-role='search'] input {
	width: 100%;
}

[data-role='search'] a[data-action='search'] {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	text-indent: -1000px;
}

[data-role='search'] a[data-action='search']:before {
	content: "";
	display: block;
	position: absolute;
	height: 32px;
	width: 32px;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
	background: url(../img/icons/icons.png) 0px -416px no-repeat;
}



/* Gallery */

#swipe_gallery {
	overflow: hidden;
	visibility: hidden;
	position: relative;

}

#swipe_gallery ul[data-role="gallery"] {
	overflow: hidden;
	position: relative;
}

#swipe_gallery ul[data-role="gallery"] li {
	float: left;
	position: relative;	
	width: 100%;
	cursor: pointer;
}

#swipe_gallery ul[data-role="gallery"] li img {
	display: block;
	width: 100%;
}

#swipe_gallery ul[data-role="gallery"] li .info_block {
	padding: 0.5em 0.8em;
	background: #333333;
}

#swipe_gallery ul[data-role="gallery"] li .info_block p,
#swipe_gallery ul[data-role="gallery"] li .info_block h2
{
	margin: 0;
}

#swipe_gallery ul[data-role="gallery"] li .info_block h2 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#swipe_gallery a[data-role="button"] {
	position: absolute;
	top: 50%;
	margin-top: -4em;
	text-indent: -1000px;
}

#swipe_gallery a[data-role="button"]:before {
	content: "";
	display: block;
	position: absolute;
	height: 32px;
	width: 32px;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
}

#swipe_gallery a[data-role="button"][data-action="back"] {
	left: 0.5em;
}

#swipe_gallery a[data-role="button"][data-action="back"]:before {
	background: url(../img/icons/icons.png) 0px -832px no-repeat;
}

#swipe_gallery a[data-role="button"][data-action="forward"] {
	right: 0.5em;
}

#swipe_gallery a[data-role="button"][data-action="forward"]:before {
	background: url(../img/icons/icons.png) 0px -896px no-repeat;
}

#swipe_gallery ul[data-role="pagination"] {
	text-align: center;
	line-height: 1em;
}

#swipe_gallery ul[data-role="pagination"] li {
	overflow: hidden;
	display: inline-block;
	width: 1em;
	height: 1em;
	text-indent: -1000px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #666666;
	background: #333333;

	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}

#swipe_gallery ul[data-role="pagination"] li.current {
	position: relative;
	top: 1px;
	border-top: 1px solid #c3c9cd;
	border-bottom: 1px solid #48545c;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909ca3), color-stop(100%,#5d6d77));
}



/* Modal background */

#modalBG {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000000 url(../img/spinner_dark.gif) center center no-repeat;
	opacity: 0.5;
	z-index: 1000;
}