/* PWA SAILOR CSS */

/* list view */
.pwasailor-list-view {
	padding: 10px 0 0 20px;
}

.pwasailor-list-header {
	padding: 10px 0 0 30px;
	overflow: hidden;
}
.pwasailor-list-header:after {
	clear: both;
}
.pwasailor-list-name-header {
	float: left;
	width: 250px;
	text-transform: uppercase;
	font-weight: bold;
}
.pwasailor-list-sailnumber-header {
	float: left;
	padding-left: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

.pwasailor-list-selection {
	overflow: hidden;
}
.pwasailor-list-selection:after {
	clear: both;
}
.pwasailor-list-searchbox {
	float: left;
	margin-left: 15px;
}
.pwasailor-list-mode {
	float: left;
}
.pwasailor-list-mode select {
	height: 17px;
}
.pwasailor-list-mode select,
.pwasailor-list-mode select option {
	color: #000000;
	font-size: 10px;
	line-height: 12px;
}
.pwasailor-searchbox-sword {
	color: #000000;
	border: 1px solid #FFFFFF;
	margin: 0;
	font-size: 10px;
	line-height: 12px;
	height: 15px;
}
.pwasailor-searchbox-button {
	border: 1px solid #FFFFFF;
	background-color: #000000;
	cursor: pointer;
}

.pwasailor-list-item {
	overflow: hidden;
	padding-top: 4px;
}
.pvsailor-list-item:after {
	clear: both;
}

.pwasailor-list-flag {
	float: left;
	width: 30px;
}

.pwasailor-list-name {
	float: left;
	width: 250px;
}

.pwasailor-list-sailnumber {
	float: left;
	padding-left: 10px;
}

/* single view */
.pwasailor-single-view {
	padding: 15px 20px;
}
.pwasailor-single-image {
	float: left;
	margin-right: 15px;
}
.pwasailor-single-biography-header, 
.pwasailor-single-sponsor-headline {
	clear: both;
	padding-top: 10px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.pwasailor-single-additional-photos {
	padding-top: 15px;
	text-align: center;
}
.pwasailor-sailor-image-item {
	margin-bottom: 10px;
	width: 300px;
	background-color: #000000;
}

/* page browser */
.pwasailor-list-pagebrowser {
	text-align: center;
	padding-top: 15px;
}
.pwasailor-list-pagebrowser .item,
.pwasailor-list-pagebrowser .item-active,
.pwasailor-list-pagebrowser .previous,
.pwasailor-list-pagebrowser .next {
	padding: 0 3px;
}

/* sailor of the week */
.pwasailor-sotw-info {
	overflow: hidden;
	padding: 3px;
	background-color: #000;
	width: 198px;
}
.pwasailor-sotw-info:after {
	content:"."; 
	display:block; 
	clear:both; 
	font-size:0; 
	line-height:0; 
	height:0; 
	overflow:hidden;
}
.pwasailor-sotw-name {
	line-height: 13px;
}
.pwasailor-sotw-sailflag {
	float: right;
	overflow: hidden;
}
.pwasailor-sotw-flag {
	float: left;
	padding-left: 5px;
}
.pwasailor-sotw-sail {
	line-height: 13px;
	float: left;
}

/* special on start page */
.start-page .pwasailor-sotw-info {
	min-height: 22px;
}