/*
	
Desktop browsers with mouse/trackpad has no problems with hover effects.
While mobile touch devices have issues.
	
*/

.HoverEnabled:hover { text-decoration: underline; }
.noHover:hover { text-decoration: none; }

a:hover { text-decoration: underline; }

.NoRef:hover { text-decoration: none !important; }

.RedHover:hover   { color: #cc0000; }
.BlackHover:hover { color: black; }
.GreenHover:hover { color: green; }
.BlueHover:hover  { color: #0087D6; }


/* --------------------------------------------
 *	UNCLUTTERAPP.COM
 */
 
 
.RefHover:hover   { text-decoration: underline; }
.RedHover:hover   { color: #e70000; }
.DRedHover:hover  { color: #cc0000; }


.headerMenu a:hover {
	color: #6E6E6E;
	background-color: #E8E6E2;
	text-decoration: none;
}

.headerMenu a.selected:hover {
	background-color: #a19d95;
	color: white;
}

/* ---------------------------------------------------------------------------------------- */

.pageContentBlock .panelPointer:hover {
	border-color: #63a0e1;
	text-decoration: none;
	color: #2178d4;	
	background: url('../images/unclutter/v3/pointer-left-hover.gif') no-repeat 0 50%;
}

.pageContentBlock .panelPointer.right:hover { background: url('../images/unclutter/v3/pointer-right-hover.gif') no-repeat 100% 50%; }


/* retina support for background of left/right panels pointers */
@media	only screen and (-webkit-min-device-pixel-ratio: 2),
		only screen and (   min--moz-device-pixel-ratio: 2),
		only screen and (     -o-min-device-pixel-ratio: 2/1),
		only screen and (        min-device-pixel-ratio: 2),
		only screen and (                min-resolution: 192dpi),
		only screen and (                min-resolution: 2dppx)
{
	.pageContentBlock .panelPointer:hover {
		background: url('../images/unclutter/v3/pointer-left-hover@2x.gif') no-repeat 0 50%;
		background-size: 31px 18px;
	}
	
	.pageContentBlock .panelPointer.right:hover {
		background: url('../images/unclutter/v3/pointer-right-hover@2x.gif') no-repeat 100% 50%;
		background-size: 31px 18px;
	}
}


/* ---------------------------------------------------------------------------------------- */

.flatButton.hoverable { margin: 3px 0 3px 0; }
.flatButton.hoverable:hover { border-width: 3px; margin: 0 -3px 0 -3px; }

.flatButton.hoverable.clickable { margin: 3px 0 6px 0; }
.flatButton.hoverable.clickable:hover { border-width: 3px; margin: 0 -3px 3px -3px; }
.flatButton.hoverable.clickable:active { border-width: 3px; margin: 3px -3px 0 -3px; }



.flatButton.hoverable.White:hover { margin-top: 1px; margin-bottom: 1px; }
.flatButton.hoverable.clickable.White:hover { margin-top: 1px; margin-bottom: 4px; }
.flatButton.hoverable.clickable.White:active { margin-top: 4px; margin-bottom: 1px; }


/* ---------------------------------------------------------------------------------------- */

.panels .image:hover img { top: -10px; }
.panels .image:active img { top: 0; }


.panelsFeatures .image:hover img { top: -10px; }
.panelsFeatures .image:active img { top: 0; }


/* ---------------------------------------------------------------------------------------- */

.moreButton.hoverable { margin: 3px 0 3px 0; }
.moreButton.hoverable:hover { border-width: 3px; margin: 0 -3px 0 -3px; text-decoration: none; }

.panels .moreButton.clickable:active { bottom: 13px; }


/* ---------------------------------------------------------------------------------------- */

.panelsFeatures .moreButton.clickable { margin: 3px 0 6px 0; }
.panelsFeatures .moreButton.clickable:hover { margin: 0 -3px 3px -3px; }

.panelsFeatures .moreButton.clickable:active {
	margin-top: 3px;
	margin-bottom: 0px;
}

/* ---------------------------------------------------------------------------------------- */

.thankYou .instruction .button.hoverable:hover { text-decoration: none; border-width: 3px; margin: 0px; }
.thankYou .instruction .button.clickable:active { top: -4px; }


/* ---------------------------------------------------------------------------------------- */

.footer .menu a:hover { color: black; }
.footer .copyright a:hover { color: black; }


/* ---------------------------------------------------------------------------------------- */

.screenshots a.sshot:hover {
	cursor: pointer;
	background-color: #d7d4cd;
}


/* ---------------------------------------------------------------------------------------- */

.supportForm .fields .submitButton:hover { border-width: 3px; margin: 0 -3px 0 -3px; }
.supportForm .fields .submitButton:active { bottom: 45px; }

.appleForm .fields .submitButton:hover { border-width: 3px; margin: 0 -3px 0 -3px; }
.appleForm .fields .submitButton:active { bottom: 45px; }

.appleForm .copyLinkButton:hover { background-color: #787878; }
.appleForm .copyLinkButton:active { background-color: black; }

.surveyForm .fields .submitButton:hover { border-width: 3px; margin: 0 -3px 0 -3px; }
.surveyForm .fields .submitButton:active { bottom: 45px; }