.detailsHeaderWrapper {
	position: relative;
	margin-bottom: 10px;
	background: url(images/details-marker-shadow.png) no-repeat -1px 40px;
	z-index: 1;
}

.detailsActivityTypeIcon {
	position: absolute;
	width: 40px;
	height: 80px;
	background: url(images/details-marker-icons.png) no-repeat -7px -6px;
}

.detailsActivityTypeIcon.running { background-position: -7px -86px; }
.detailsActivityTypeIcon.cycling { background-position: -7px -166px; }
.detailsActivityTypeIcon.swimming { background-position: -7px -246px; }
.detailsActivityTypeIcon.fitness_equipment { background-position: -7px -326px; }
.detailsActivityTypeIcon.transition { background-position: -7px -406px; }
.detailsActivityTypeIcon.hiking { background-position: -7px -486px; }
.detailsActivityTypeIcon.walking { background-position: -7px -566px; }
.detailsActivityTypeIcon.other { background-position: -7px -646px; }
.detailsActivityTypeIcon.uncategorized { background-position: -7px -6px; }

.detailsHeaderLeftContent {
	position: relative;
	left: 45px;
}

.detailsHeaderTitle {
	font: bold 19px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.detailsHeaderDetails {
	margin-top: 5px;
	border-left: 2px solid #e5e5e7;
	font-size: 12px;
	color: #686868;
	line-height: 18px;
	padding-left: 7px;
}

.detailsHeaderTypeBold {
	font-weight: bold;
	color: black;
}

.detailsShowMore {
	font-size: 10px;
}

.detailsHeaderDescription {
	width: 650px;
}

.detailsHeaderRightContent {
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
}

/* @group Quick Edit */

.detailsHeaderLeftContent input, .detailsHeaderLeftContent select, .detailsHeaderLeftContent textarea {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #7d7d7d;
    font-size: 12px;
}

.detailsHeaderTitleInput {
    width: 500px;
    font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #7d7d7d;
}

.detailsFinishIcon {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    margin-left: 5px;
    background: url(images/details-icons-common.png) no-repeat -6px -659px;
    cursor: pointer;
    top: -2px;
    font: 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.detailsFinishIcon:hover {
    color: #207fcf;
}

.discriptionEdit {
    width: 484px;
    height: 29px;
    padding: 3px;
    margin-top: 3px;
    
}

/* @end */