.trip {
	padding: 5px;
	margin: 10px 0px;
	border: 2px solid;
}

.month {
	text-align: center;
	height: 40px;
	font-size: 0px;
}

.sprite-month {
	overflow: hidden;
	text-indent: -3000px;
	margin-right: 10px;
	display: inline-block;
	background: url("images/sprite-months.png");
	height: 40px;
}

.month-01 { background-position: 0px 0px; width: 190px; }
.month-02 { background-position: 0px -40px; width: 218px; }
.month-03 { background-position: 0px -80px; width: 164px; }
.month-04 { background-position: 0px -120px; width: 121px; }
.month-05 { background-position: 0px -160px; width: 96px; }
.month-06 { background-position: 0px -200px; width: 100px; }
.month-07 { background-position: 0px -240px; width: 92px; }
.month-08 { background-position: 0px -280px; width: 163px; }
.month-09 { background-position: 0px -320px; width: 240px; }
.month-10 { background-position: 0px -360px; width: 217px; }
.month-11 { background-position: 0px -400px; width: 234px; }
.month-12 { background-position: 0px -440px; width: 238px; }

.sprite-number {
	display: inline-block;
	background: url("images/sprite-numbers.png");
	height: 40px;
}

.number-0 {background-position: 0px 0px; width: 30px; }
.number-1 {background-position: 0px -40px; width: 16px; }
.number-2 {background-position: 0px -80px; width: 30px; }
.number-3 {background-position: 0px -120px; width: 24px; }
.number-4 {background-position: 0px -160px; width: 29px; }
.number-5 {background-position: 0px -200px; width: 26px; }
.number-6 {background-position: 0px -240px; width: 30px; }
.number-7 {background-position: 0px -280px; width: 28px; }
.number-8 {background-position: 0px -320px; width: 29px; }
.number-9 {background-position: 0px -360px; width: 30px; }

.calendar {
	margin: 0px 20px;
	display: inline-block;
	background: url("images/calendar.png");
	width: 40px;
	height: 40px;
}

.dive_photo {
	display: inline-block;
	float: left;
	width: 90px;
	height: 90px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.trip_header {
	clear:both;
}

.trip_details {
	clear:both;
	display:none;
}

.trip_leader {
	color: #f00;
}

.icon {
	background: url("images/toggle.png");
	background-position: 0px 0px;
	width:16px;
	height:16px;
}

.icon-sign {
	background: url("images/icon-sign.png");
	background-position: 0px 0px;
	width:30px;
	height:30px;
}

.toggle {
	float:right;
	cursor:pointer;
	}

.dive_unknown {
	background-color:#ffc;
}

.dive_allowed {
	background-color:#cfc;
}

.dive_notallowed {
	background-color:#fcc;
}