.segmentControl {
	height: 29px;
	width: 60%;
	line-height: 29px;
	margin: 0 auto;
	text-align: center;
	display: table;

	.segment-item {
		height: 27px;
		border: #808080 solid;
		background: #fff;
		border-width: 1px 1px 1px 0;
		color: #666666;
		display: table-cell;

		&.active {
			background: #808080;
			color: #fff;
		}

		&:first-child {
			border-radius: 5px 0 0 5px;
			border-width: 1px;
		}

		&:last-child {
			border-radius: 0 5px 5px 0;
			border-width: 1px 1px 1px 0;
		}
	}
}


.navigationBar {
	height: 64px;
	width: 100%;
	overflow: hidden;
	border-bottom: #ccc 1px solid;
	background: #f8f8f8;
	text-align: center;
	position: fixed;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1000;
	padding-top: 20px;

	.searchBar {
		margin: 7px 15px;
		height: 29px;
		position: relative;

		input {
			position: absolute;
			left: 0;
			width: 94%;
			height: 29px;
			line-height: 29px;
			// background: #ddd;
			color: #333;
			border-width: 0;
			// border-radius: 4px;
			padding: 0 3%;
		}
	}

	.goBack {
		display: inline-block;
		height: 43px;
		line-height: 45px;
		padding: 0 15px 0 25px;
		position: absolute;
		left: 0;
		top: 20;
		color: #ff3b30;
		font-size: 1.2em;
		// .retina('img/back.png', 20px, auto, left, center, no-repeat)
	}

	.rightButton {
		display: inline-block;
		height: 43px;
		line-height: 45px;
		padding: 0 10px;
		position: absolute;
		right: 0;
		top: 20;
		color: #ff3b30;
		font-size: 1.2em;	
	}

	.segmentControl {
		margin-top: 7px;
	}

	.title {
		max-width: 58%;
		overflow: hidden;
		white-space: pre;
		text-overflow: ellipsis;
		font-size: 1.3em;
		color: #000;
		line-height: 43px;
		display: block;
		margin: 0 auto;
	}
}