/* @group Preivew Popup */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
body { font: 13px 'lucida grande', arial, tahoma, verdana, sans-serif; }

a { color: #3b73c4; text-decoration: none; }
a:hover { color: #4585e5; text-decoration: underline; }

td.calendarPopupTL {
	background: url(images/calendar-popup-tl.png) no-repeat;
}

td.calendarPopupT {
	background: url(images/calendar-popup-t.png) repeat-x;
}

td.calendarPopupTR {
	background: url(images/calendar-popup-tr.png) no-repeat;
}

td.calendarPopupL {
	background: url(images/calendar-popup-l.png) repeat-y;
}

td.calendarPopupR {
	background: url(images/calendar-popup-r.png) repeat-y;
}

td.calendarPopupBL {
	background: url(images/calendar-popup-bl.png) no-repeat;
}

td.calendarPopupB {
	background: url(images/calendar-popup-b.png) repeat-x;
}

td.calendarPopupBR {
	background: url(images/calendar-popup-br.png) no-repeat;
}

td.calendarPopupContent {
	background-color: #f4f4f4;
}

.calendarPreviewPopup {
	width: 465px;
	left: 50%;
	position: absolute;
	top: 100px;
	margin-left: -230px;
}

.calendarPopupBackground {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(images/calendar-popup-bg.png);
	margin-left: -10px;
}

.calendarPopupSummary {
	background: url(images/calendar-popup-map-shadow.png) repeat-x;
	padding: 10px 10px 2px;
}

.calendarPopupFooter {
	position: relative;
	height: 34px;
	background: url(images/calendar-popup-footer-bg.png) repeat-x;
}

.calendarPopupHeader {
	background: url(images/calendar-popup-header-bg.png) repeat-x;
	border-bottom: 1px solid #888888;
	padding-left: 0px;
	padding-top: 7px;
	padding-bottom: 10px;
}

.calendarPopupHeader .tabDate {
	font-size: 11px;
	line-height: 19px;
	color: #444;
	padding-left: 35px;
}

.calendarPopupHeader .tabLink {
	font: bold 16px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: #fff 0 1px 0;
	color: #000;
	padding-left: 35px;
}

.calendarPopupHeader a {
	text-decoration: none;
}

.calendarPopupHeader .activityDescription {
	font-size: 11px;
	color: #787879;
	padding-left: 35px;
}


/* @end */

div.tabIcon {
	background: url(images/icons-activities.png) no-repeat;
	height: 23px;
}

div.tabIcon.other				{ background-position: 0 -10px; }
div.tabIcon.running				{ background-position: 0 -90px; }
div.tabIcon.cycling				{ background-position: 0 -169px; }
div.tabIcon.walking				{ background-position: 0 -250px; }
div.tabIcon.hiking				{ background-position: 0 -330px; }
div.tabIcon.swimming  			{ background-position: 0 -411px; }
div.tabIcon.fitnessEquipment  	{ background-position: -1px -491px; }
div.tabIcon.uncategorized		{ background-position: 0 -570px; }

.summaryName {
	font: 12px 'lucida grande', arial, tahoma, verdana, sans-serif; 
	color: #787879;
}

.summaryDetail {
	font: 12px 'lucida grande', arial, tahoma, verdana, sans-serif; 
	margin-bottom: 5px;
	color: #000;
	height: 20px;
}

.summaryDetailEdit {
	_display: inline-block;
	_position: relative;
	color: #252626;
	margin-bottom: 7px;
}

.summaryDetailEdit select {
	width: 160px;
}

.tabLinkEdit {
	position: absolute; 
	top: 26px;
	left: 55px;
}

.tabLinkEdit.description {
	position: relative; 
	left: 35px;
	top: 2px;
}

.tabLinkEdit.description input {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.tabLinkEdit input {
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
	color: #000;
	padding: 2px;
	width: 340px; 
}

.loadingMask {
	display: block;
	font: 13px 'lucida grande', arial, tahoma, verdana,  sans-serif;
	background-image: url(images/loading-bg.png);
}

.loadingText {
	text-align: center;
	position: absolute;
	width: 160px;
	height: 50px;
	padding-top: 14px;
	left: 50%;
	margin-left: -80px;
	top: 50%;
	margin-top: -25px;
	background: url(images/loading-bg-center.png) no-repeat;
	color: #fff;
	font-weight: bold;
	text-shadow: #000 0px 0px 0px;
}

.loadingText img {
	position: relative;
	top: 3px;
	margin-right: 7px;
	border: 0;
}

.calendarPopupCloseButton {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 30px;
	top: 28px;
	cursor: pointer;
	background: url(images/calendar-popup-close-button.png) no-repeat;
}

.calendarPopupCloseButton:hover {
	background-position: 0 -20px;
}

div.footerAction a {
	float: left;
	padding-left: 27px;
	background: url(images/icons-calendar-popup.png) no-repeat;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: #fff 0 1px 0;
	margin-top: 10px;
	margin-left: 3px;
	padding-right: 5px;
	color: #000;
	cursor: pointer;
}

div.footerAction a:hover {
	color: #3166cb;
	text-decoration: none;
}

div.footerAction.quickEdit a 		{ background-position: 0 -54px; }
div.footerAction.quickEditDone a 	{ background-position: 0 -105px; }
div.footerAction.delete a 			{ background-position: 0 -155px; }


div.footerAction.moreLink a 	{ 
	float: right;
	background-position: right -4px;
	padding-right: 23px;
}