.clear-left { clear:left; }
.clear-right { clear:right; }
.clear-both { clear:both; }

a 			{ color: #3669DA; text-decoration: none;}
a:hover 	{ color: #3a91fb; }

.editable {
	cursor: pointer;
	h: expression(onmouseover = new Function("this.style.backgroundColor = '#ffffd3';"),
				onmouseout = new Function("this.style.backgroundColor = '';"));
}

.editable:hover, .editable:hover div, .editable:hover div a {
    background-color: #ffffd3;
    color: black !important;
}

.invisible {
	display: none;
}

/*= messages */
.messages {
	margin-bottom: 10px; 
	margin-left: -475px;
	left: 50%;
	position: relative;
	width: 950px;
}
.messages li {
	margin: 0 0 5px;
	padding: 5px 10px 5px 30px;
	font: 12px 'lucida grande', arial, sans-serif;
	list-style-type: none;
}

.messages li.infoMessage {
	display: none;
	background: #f7ffef url(/image/main/icons/fam/accept.gif) no-repeat 8px 5px;
	border: 1px solid #96de5b;
}

.messages li.errorMessage {
	background: #fff4f4 url(/image/main/icons/fam/exclamation.gif) no-repeat 8px 5px;
	border: 1px solid #ffaeae;
}

.messages li.warnMessage {
	background: #fffdf1 url(images/icons/warning.gif) no-repeat 8px 5px;
	border: 1px solid #ffe578;
}

.feedItem { padding: 5px 0 5px 5px; }
.feedItemTitle { font-weight: bold; }
.feedComponent { padding: 3px 5px 0 3px; }

.renderedDropDown { visibility: hidden; }

.announcementMessage {
	font: 12px 'lucida grande', tahoma, arial, sans-serif;
	margin: 0 0 5px;
	padding: 5px 10px 5px 30px;
	background: #fffdf1 url(images/icons/warning.gif) no-repeat 8px 5px;
	border: 1px solid #ffe578;
}

.mbTester {
	background: none !important; /*override any existing background*/
	background-color: #fbd47f !important;
}

/* error tooltip for form fields */
.error-tip {
    z-index:9999;
    text-align:center;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    padding:8px 15px;
    min-width:50px;
    max-width:200px;
    color:#fff;
    background-color:#a00;
    -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.5);
    -moz-box-shadow:0 2px 5px rgba(0,0,0,0.5);
    box-shadow:0 2px 5px rgba(0,0,0,0.5);
    font-size:11px;
    /**
     * - If you set a background-image, border/padding/background-color will be ingnored.
     *   You can set any padding to .tip-inner instead if you need.
     * - If you want a tiled background-image and border/padding for the tip,
     *   set the background-image to .tip-inner instead.
     */
}

/* arrow tip for error tooltip */
.error-tip:after {
    content:"";
    display:block; /* reduce the damage in FF3.0 */
    position:absolute;
    bottom: -8px; /* value = - border-top-width - border-bottom-width */
    left: 50%; /* controls horizontal position */
    width:0;
    height:0;
    border-width: 8px 4px 0; /* vary these values to change the angle of the vertex */
    border-style:solid;
    border-color: #a00 transparent;
    margin-left: -4px;
}

/* hide error tooltip content */
.error-tip-msg {
    display:none;
}

/* form field input error style */
.error-input {
	background:#ffe8e8 !important;
	color:#900 !important;
	border:1px solid #900 !important;
}

.mapMoreButton4MapTypes {
    font: 12px Arial, Helvetica, sans-serif;
    border: 1px solid black; 
    background-color: white; 
    text-align: center; 
    width: 77px;
    cursor: pointer;
	position: absolute;
	top: 7px;
	right: 285px;
}

.mapMoreButton {
    font: 12px Arial, Helvetica, sans-serif;
    border: 1px solid black; 
    background-color: white; 
    text-align: center; 
    width: 77px;
    cursor: pointer;
	position: absolute;
	top: 7px;
	right: 219px;
}

.mapMoreButtonExpanded4MapTypes {
    font: 12px Arial, Helvetica, sans-serif;
    border: 1px solid black; 
    border-bottom: 1px solid white;
    background-color: white; 
    text-align: center; 
    width: 77px;
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 285px;
    z-index: 100;
}

.mapMoreButtonExpanded {
    font: 12px Arial, Helvetica, sans-serif;
    border: 1px solid black; 
    border-bottom: 1px solid white;
    background-color: white; 
    text-align: center; 
    width: 77px;
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 219px;
    z-index: 100;
}

.mapMoreButton span {
    display: block;
    border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #a7a7a7;
	border-bottom: 1px solid #a7a7a7;
}

.mapMoreButton4MapTypes span {
    display: block;
    border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #a7a7a7;
	border-bottom: 1px solid #a7a7a7;
}

.mapMoreButtonExpanded span {
    display: block;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #a7a7a7;
    border-bottom: 1px solid #fff;
}

.mapMoreButtonExpanded4MapTypes span {
    display: block;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #a7a7a7;
    border-bottom: 1px solid #fff;
}

.mapMoreMenu4MapTypes {
    position: absolute;
    top: 25px;
	right: 260px;
    font: 12px Arial, Helvetica, sans-serif;
    width: 102px;
    border: 1px solid #000;
    background-color: #fff;
    z-index: 50;
}

.mapMoreMenu {
    position: absolute;
    top: 25px;
	right: 194px;
    font: 12px Arial, Helvetica, sans-serif;
    width: 102px;
    border: 1px solid #000;
    background-color: #fff;
    z-index: 50;
}

.mapMoreMenu4MapTypes span.mapMoreMenuInner {
    display: block;
    border-top: none;
    border-left: 1px solid #fff;
    border-right: 1px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
    padding: 5px 2px 3px;
}

.mapMoreMenu span.mapMoreMenuInner {
    display: block;
    border-top: none;
    border-left: 1px solid #fff;
    border-right: 1px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
    padding: 5px 2px 3px;
}

/* standard buttons */
.button {
    background:#d7d7d7 url(./images/bg_buttons.png) repeat-x;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    padding:7px 15px;
    margin:6px 5px 4px 5px;
    color:#000 !important;
    text-shadow: 0 1px 0 #fff;
    border:1px solid #aaa;
    border-color:#bbb #aaa #888 #aaa;
    vertical-align:3px;
    display:inline-block;
    text-align:center;
    float:left;
    text-decoration:none !important;
    cursor:pointer;
    font-weight:bold;
    font-size:13px !important;
}
.button:hover {
	color:#000;
	text-decoration:none;
	text-shadow: 0 1px 0 #fff;
	box-shadow:inset 0 0 6px #2cbafb;
	-webkit-box-shadow:inset 0 0 6px #2cbafb;
	-moz-box-shadow:inset 0 0 6px #2cbafb;
	border:1px solid #2cbafb;
}
.button.primary {
	box-shadow: 0 0 3px #2cbafb;
	-webkit-box-shadow: 0 0 3px #2cbafb;
	-moz-box-shadow: 0 0 3px #2cbafb;
	cursor:pointer;
	border:1px solid #2cbafb;
}
.button.primary:hover {
	box-shadow:inset 0 0 6px #2cbafb, 0 0 3px #2cbafb;
	-webkit-box-shadow:inset 0 0 6px #2cbafb, 0 0 3px #2cbafb;
	-moz-box-shadow:inset 0 0 6px #2cbafb, 0 0 3px #2cbafb;
}
.button:active,
.button.primary:active,
.button.active {
    background-color:#9b9b9b;
    background-position: 0 -140px;
    box-shadow:inset 0 0 6px #444;
    -webkit-box-shadow:inset 0 0 6px #444;
    -moz-box-shadow:inset 0 0 6px #444;
    border-color:#555;
    color:#fff;
    text-shadow: 0 1px 0 #333;
}
.button.active:hover {
	color:#fff;
}
.button.small {
    padding:3px 9px;
    font-size:11px;
    font-weight:normal;
}
.button.small:hover {
    -webkit-box-shadow: inset 0 0 0 #fff;
    -moz-box-shadow: inset 0 0 0 #fff;
    box-shadow: inset 0 0 0 #fff;
}

	/* button groups using standard buttons */
	.pill-box .button {
		margin-right:0;
		margin-left:0;
		border-radius:0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-right-width:0;
		padding:6px 10px;
		font-weight:normal;
	}
	.pill-box .button.pill-left {
		border-radius:4px 0 0 4px;
		-webkit-border-radius:4px 0 0 4px;
		-moz-border-radius:4px 0 0 4px;
	}
	.pill-box .button.pill-right {
		border-radius:0 4px 4px 0;
		-webkit-border-radius:0 4px 4px 0;
		-moz-border-radius:0 4px 4px 0;
		border-right-width:1px;
	}

.button.disabled,
.button.disabled:hover {
	cursor:default;
	/* IE 8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
	filter:alpha(opacity=50);
	/* Netscape */
	-moz-opacity:0.5;
	/* Safari 1.x */
	-khtml-opacity:0.5;
	/* Good browsers */
	-webkit-opacity:0.5;
	opacity:0.5;
	-webkit-box-shadow:0 0 0 #fff;
	-moz-box-shadow:0 0 0 #fff;
	box-shadow:0 0 0 #fff;
	border:1px solid #999;
	color:#333 !important;
}
.button.disabled:active {
    background-position: 0 0;
    text-shadow: 0 1px 0 #fff;
    cursor:pointer;
    color:#333;
}

/* text buttons */
.button-text {
	display:inline-block;
	padding:13px 8px 13px 30px;
	text-decoration:none;
	color:#333;
	float:left;
	background: url(./images/button-icons.png) no-repeat -9999px -9999px;
	text-shadow: 0 1px 0 #fff;
	cursor:pointer;
}
.button-text:hover {
	color:#000;
    text-shadow: 0 0 3px #83d4fe, 0 1px 0 #fff;
	text-decoration:none;
}
.button-text.no-text {
	text-indent:-9999px;
	padding-left:20px;
}
/* text button states... 
default state
hover state
disabled state */
.button-text.edit 						{background-position:-2px -45px;}
.button-text.edit:hover					{background-position:-202px -45px;}
.button-text.edit.disabled				{background-position:-402px -45px;}
.button-text.delete						{background-position:-2px 5px;}
.button-text.delete:hover				{background-position:-202px 5px;}
.button-text.delete.disabled			{background-position:-402px 5px;}
.button-text.private					{background-position:-2px -94px;}
.button-text.private:hover				{background-position:-202px -94px;}
.button-text.private.disabled			{background-position:-402px -94px;}
.button-text.public						{background-position:-2px -144px;}
.button-text.public:hover				{background-position:-202px -144px;}
.button-text.public.disabled			{background-position:-402px -144px;}
.button-text.fav 				        {
    background-position: -4px -1387px;
    height: auto;
    width: auto;
}
.button-text.fav:hover 				    {background-position: -204px -1387px;}
.button-text.fav.disabled 			    {background-position: -404px -1387px;}
.button-text.fav.favorite 			    {background-position: -4px -1337px;}
.button-text.fav.favorite:hover 		{background-position: -204px -1337px;}
.button-text.fav.favorite.disabled 		{background-position: -404px -1337px;}
.button-text.add						{background-position:-1px -199px;}
.button-text.add:hover					{background-position:-201px -199px;}
.button-text.add.disabled				{background-position:-401px -199px;}
.button-text.save-to-myconnect			{background-position:-2px -724px;}
.button-text.save-to-myconnect:hover	{background-position:-202px -724px;}
.button-text.save-to-myconnect.disabled	{background-position:-402px -724px;}
.button-text.share						{background-position:0 -414px;}
.button-text.share:hover				{background-position:-200px -414px;}
.button-text.share.disabled				{background-position:-400px -414px;}
.button-text.send-to-device				{background-position:-1px -564px;}
.button-text.send-to-device:hover		{background-position:-201px -564px;}
.button-text.send-to-device.disabled	{background-position:-401px -564px;}
.button-text.export						{background-position:0 -514px;}
.button-text.export:hover				{background-position:-200px -514px;}
.button-text.export.disabled			{background-position:-400px -514px;}
.button-text.print						{background-position:-3px -673px;}
.button-text.print:hover				{background-position:-203px -673px;}
.button-text.print.disabled				{background-position:-403px -673px;}
.button-text.compare					{background-position:-3px -877px;}
.button-text.compare:hover				{background-position:-203px -877px;}
.button-text.compare.disabled			{background-position:-403px -877px;}
.button-text.duplicate					{background-position:-3px -1236px;}
.button-text.duplicate:hover			{background-position:-203px -1236px;}
.button-text.duplicate.disabled			{background-position:-403px -1236px;}
.button-text.add-to-calendar			{background-position:-3px -1286px;}
.button-text.add-to-calendar:hover		{background-position:-203px -1286px;}
.button-text.add-to-calendar.disabled	{background-position:-403px -1286px;}

.button-text.previous					{background-position:0 -979px; color:#3b73c4;}
.button-text.previous:hover				{background-position:-200px -979px;}
.button-text.previous.disabled			{background-position:-400px -979px;}
.button-text.next						{background-position:28px -929px; padding-left:8px; padding-right:20px; color:#3b73c4;}
.button-text.next:hover					{background-position:-172px -929px;}
.button-text.next.disabled				{background-position:-372px -929px;}

.button-text.disabled {
	text-shadow: 0 0 0 #fff;
	color:#999;
	cursor:default;
	outline:none;
}

/* overlay buttons - for dark overlay containers on maps, etc - heads-up-display aka "hud" */
.button-hud {
	display:block;
	color:#fff;
	padding:6px 8px;
	text-decoration:none;
	background:#4e4e4e url(./images/bg_buttons-hud.png) repeat-x;
	margin-bottom:5px;
	text-shadow: 0 -1px 0 #000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-top:1px solid #888;
	position:relative;
}
.button-hud:hover {
	color:#fff;
	text-decoration:none;
	background-color: #5f5f5f;
	background-position:0 -70px;
	border-top:1px solid #999;
	box-shadow:inset 0 0 6px #888;
	-webkit-box-shadow:inset 0 0 6px #888;
	-moz-box-shadow:inset 0 0 6px #888;
}
.button-hud:active { /* need to test with ie7 after integration */
	background-color: #646667;
	background-position:0 -140px;
	box-shadow:inset 0 0 4px #222;
	-webkit-box-shadow:inset 0 0 4px #222;
	-moz-box-shadow:inset 0 0 4px #222;
	border-top:1px solid #333;
}
.button-hud span {
	background: url(./images/hud-icons.png) no-repeat;
	display:block;
	width:15px;
	height:14px;
	position:absolute;
	margin-top:-8px;
	top:50%;
	right:8px;
}
.button-hud.disabled {
	border-top:1px solid #666;
	color:#999;
	text-shadow: 0 0 0 #666;
	background-image:none;
	background-color:#555;
	outline:none;
	cursor:default;
}
.button-hud.disabled:hover {
	background-position:0 0 !important;
    box-shadow:inset 0 0 0 #555;
    -webkit-box-shadow:inset 0 0 0 #555;
    -moz-box-shadow:inset 0 0 0 #555;
	border-top:1px solid #666;
	background-color:#555;
}

/* action menu - use for right click and drop down menus */
ul.action-menu {
	list-style:none;
	margin:0;
	padding:3px 0 !important;
	border:1px solid #ccc;
	display:inline-block;
	background-color:#fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	white-space:nowrap;
}
.action-menu li {
	padding:0;
}
.action-menu li a,
.action-menu li a:hover {
	display:block;
	padding:4px 20px 4px 10px;
	color:#333;
	text-decoration:none;
	cursor:pointer;
}
.action-menu li a:hover {
	background-color: #e3f4ff;
}
.menu-wrapper {
	position:relative;
	z-index:500;
}
.menu-wrapper-action {
	z-index:0;
}
.menu-wrapper .action-menu {
	position:absolute;
	left:5px;
	top:34px;
	z-index:9999;
}
.menu-wrapper-action .action-menu {
	position:absolute;
	left:5px;
	top:34px;
	z-index:9999;
}
.toolbar ul.action-menu li { /* resolve left float of toolbar li */
	float:none;
}
.action-menu .h-divider {
	border-bottom:1px solid #ddd;
	height:1px;
	width:100%;
	padding:0;
	margin:3px 0;
	text-indent:-9999px;
}
.action-menu .icon,
.action-menu .icon:hover {
	padding-left:30px;
}

	/* AddThis Vertical Layout Menu */
	.menu-wrapper.addthis_toolbox .vertical a,
	.menu-wrapper.addthis_toolbox .vertical a:hover {
		position: relative;
		display: block;
		width: 102px;
	}
	.menu-wrapper.addthis_toolbox .vertical span {
		position: absolute;
		left: 10px;
		top: 4px;
	}
	
		/* AddThis Vertical Layout Menu */
	.menu-wrapper-action.addthis_toolbox .vertical a,
	.menu-wrapper-action.addthis_toolbox .vertical a:hover {
		position: relative;
		display: block;
		width: 102px;
	}
	.menu-wrapper-action.addthis_toolbox .vertical span {
		position: absolute;
		left: 10px;
		top: 4px;
	}

/* toolbar - standalone, box topper, or footer */
.toolbar {
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background:#ddd url(./images/bg_toolbar.png) repeat-x;
	border:1px solid #cbcbcb;
	padding:0 10px;
	margin-bottom:10px;
}
.toolbar.topper { /* add to use as box topper */
	border-bottom:2px solid #94d8ff;
	border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	margin-bottom:0;
}
.toolbar.footer { /* add to use as footer */
	border-top:1px solid #cbcbcb;
	border-radius:0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	margin-bottom:0;
    min-height:42px;
}
.toolbar h2 {
	font-size:20px;
	margin:10px 0 10px 5px;
	padding:0;
	float:left;
	line-height:1em;
	text-shadow: 0 1px 0 #fff;
}
.toolbar p {margin:12px 0;}
.toolbar ul {
	list-style:none;
	margin:0;
	padding:0;
}
.toolbar ul li {
	float:left;
	margin:0;
	padding:0;
}
.toolbar .v-divider { /* separator for toolbar text buttons - add li */
	border-left:1px solid #cbcbcb;
	text-indent:-9999px;
	margin:0 5px 0 10px;
	padding:13px 0;
	display:inline-block;
	text-decoration:none;
	float:left;
}
.toolbar.footer,
.toolbar.footer a {
	color:#888;
	font-size:11px;
}
.toolbar.footer a {text-decoration:underline;}

/* content area for use with toolbars */
.toolbar-body {
    position:relative;
    border:1px solid #cbcbcb;
    border-top:2px solid #3fbbf3;
    border-bottom:0;
    background:#fff;
}

/* the overlay, aka popup, element 
currently used on activity detail page */
.overlay {
	display:none;
	z-index:10000;
	background-color:#fff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	box-shadow:0 0 50px 5px #333;
	-moz-box-shadow:0 0 50px 5px #333;
	-webkit-box-shadow: 0 0 50px #333;
	width:515px;
	left:50% !important;
	margin:50px 0 0 -257px;
}

.overlay-header {
	padding:10px 25px;
	background:#164e87 url(./images/bg_overlay-header.png) repeat-x;
	border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	color:#fff;
	overflow:hidden;
	line-height:16px;
	text-shadow:0 -1px 0 #000;
	border:1px solid #3575ab;
	border-color:#97c1e0 #3575ab #0f355c #3575ab;
}
.overlay h3 {
	float:left;
	line-height:inherit;
	margin:5px 0;
	font-size:16px;
}
.overlay .close {
	background:url(./images/overlay-close-icon.png) no-repeat right 3px;
	cursor:pointer;
	float:right;
	padding:5px 24px 5px 5px;
	line-height:inherit;
	color:#fff;
	font-weight:bold;
}
.overlay .close:hover {
	text-shadow:0 0 5px #fff;
	background-position:right -26px;
	text-decoration:none;
}
.overlay-content {
	padding:25px;
	border-style:solid;
	border-color: #fff #999 #666 #999;
	border-width: 0 1px 1px 1px;
	border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
}

/* loader mask
limit the ability of the user to access functionality beneath */
.loading-mask {
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
  	background-image: url(./images/loading-bg.png);
	z-index:9999;
}
.loading-text {
    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 0 0 0;
}
.loading-text img {
    position: relative;
    top: 3px;
    margin-right: 7px;
    border:0;
}

/* sets color for placeholder on text input fields - works in conjunction with jquery.placeholder-label plugin */
input.placeholder {
	color: #aaa;
}

/* menu icons */
.embed {background: url(./images/button-icons.png) no-repeat 2px -474px;}
.tcx {background: url(./images/button-icons.png) no-repeat -2px -1095px;}
.gpx {background: url(./images/button-icons.png) no-repeat -2px -1145px;}
.kml {background: url(./images/button-icons.png) no-repeat -2px -1043px;}

/* utility classes */
.float-right 	{float:right;}
.float-left 	{float:left;}

/* clearfix - works better than overflow hidden */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* favorites default styling */
.fav {
	background: url('./images/button-icons.png') no-repeat -9px -1397px;
	text-indent: -9999px;
	display: inline-block;
	width: 20px;
	height: 20px;
}
.fav.favorite {
	background-position: -9px -1346px;
}
.fav.load {
	background: url('./images/loading-white.gif') no-repeat center center;
}