﻿

/* COMMON PROPS */
a.ButtonBig-Black,
a.ButtonBig-Blue,
a.ButtonBig-Disabled,
a.ButtonBigForward-Black,
a.ButtonBigForward-Green,
a.ButtonBigForward-Disabled,
a.ButtonBigBack-Black,
a.ButtonBigBack-Green,
a.ButtonBigBack-Disabled,
a.ButtonSmall-Black,
a.ButtonSmall-Green,
a.ButtonSmall-Disabled,
a.ButtonSmallForward-Black,
a.ButtonSmallForward-Green,
a.ButtonSmallForward-Disabled,
a.ButtonSmallBack-Black,
a.ButtonSmallBack-Green,
a.ButtonSmallBack-Disabled,
a.ButtonXSmall-Grey,
a.ButtonBiggerForward-Green {
	display: block;
	float: left;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: right top;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
	outline: none; /* hide dotted outline in Firefox */
}
a.ButtonBig-Black span,
a.ButtonBig-Blue span,
a.ButtonBig-Disabled span,
a.ButtonBigForward-Black span,
a.ButtonBigForward-Green span,
a.ButtonBigForward-Disabled span,
a.ButtonBigBack-Black span,
a.ButtonBigBack-Green span,
a.ButtonBigBack-Disabled span,
a.ButtonSmall-Black span,
a.ButtonSmall-Green span,
a.ButtonSmall-Disabled span,
a.ButtonSmallForward-Black span,
a.ButtonSmallForward-Green span,
a.ButtonSmallForward-Disabled span,
a.ButtonSmallBack-Black span,
a.ButtonSmallBack-Green span,
a.ButtonSmallBack-Disabled span,
a.ButtonXSmall-Grey span,
a.ButtonBiggerForward-Green span {
	display: block;
	background-repeat: no-repeat;
}
/* COMMON PROPS END */

/* ButtonBig - COMMON PROPS START*/
a.ButtonBig-Black,
a.ButtonBig-Blue,
a.ButtonBig-Disabled,
a.ButtonBigForward-Black,
a.ButtonBigForward-Green,
a.ButtonBigForward-Disabled,
a.ButtonBigBack-Black,
a.ButtonBigBack-Green,
a.ButtonBigBack-Disabled {
	color: #FFF;
	height: 38px; /* Forandre denne i forhold til høyden på knappen */
	padding-right: 20px; /* sliding doors padding */
	font-size: 12px;
}
a.ButtonBig-Black span,
a.ButtonBig-Blue span,
a.ButtonBig-Disabled span,
a.ButtonBigForward-Black span,
a.ButtonBigForward-Green span,
a.ButtonBigForward-Disabled span,
a.ButtonBigBack-Black span,
a.ButtonBigBack-Green span,
a.ButtonBigBack-Disabled span {
	line-height: 24px; /* Forandre denne i forhold til høyden på knappen: Knappehøyde minus 10 px */
	padding: 7px 0 7px 20px;
} 
a.ButtonBig-Black:hover,
a.ButtonBig-Blue:hover,
a.ButtonBig-Disabled:hover,
a.ButtonBigForward-Black:hover,
a.ButtonBigForward-Green:hover,
a.ButtonBigForward-Disabled:hover,
a.ButtonBigBack-Black:hover,
a.ButtonBigBack-Green:hover,
a.ButtonBigBack-Disabled:hover {
	background-position: 100% -38px;
	outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
	color: #FFF;
}
a.ButtonBig-Black:hover span,
a.ButtonBig-Blue:hover span,
a.ButtonBigForward-Black:hover span,
a.ButtonBigForward-Green:hover span,
a.ButtonBigBack-Black:hover span,
a.ButtonBigBack-Green:hover span {
	background-position: 0 -38px;
	padding-top: 8px; padding-bottom: 6px; /* push text down 1px */
	text-decoration: none;
} 
a.ButtonBig-Disabled:hover span,
a.ButtonBigForward-Disabled:hover span,
a.ButtonBigBack-Disabled:hover span {
	background-position: 0 -38px;
	text-decoration: none;
} 
a.ButtonBig-Black:active,
a.ButtonBig-Blue:active,
a.ButtonBig-Disabled:active,
a.ButtonBigForward-Black:active,
a.ButtonBigForward-Green:active,
a.ButtonBigForward-Black:active,
a.ButtonBigBack-Black:active,
a.ButtonBigBack-Green:active,
a.ButtonBigBack-Disabled:active {
	background-position: 100% -76px;
	outline: none; /* hide dotted outline in Firefox */

}
a.ButtonBig-Black:active span,
a.ButtonBig-Blue:active span,
a.ButtonBigForward-Black:active span,
a.ButtonBigForward-Green:active span,
a.ButtonBigBack-Black:active span,
a.ButtonBigBack-Green:active span {
	background-position: 0 -76px;
  padding-top: 8px; padding-bottom: 6px; /* push text down 1px */
	color: #FFF;
} 
a.ButtonBig-Disabled:active span,
a.ButtonBigForward-Disabled:active span,
a.ButtonBigBack-Disabled:active span {
	background-position: 0 -76px;
	color: #FFF;
} 
a.ButtonBig-Black span { background-image: url(../../../images/fresh/ButtonBig-Black-span.png); }
/* ButtonBig - COMMON PROPS END*/

a.ButtonBig-Black { background-image: url(../../../images/fresh/ButtonBig-Black-a.png); }
a.ButtonBig-Blue { background-image: url(../../../images/fresh/ButtonBig-Green-a.png); }
a.ButtonBig-Blue span { background-image: url(../../../images/fresh/ButtonBig-Green-span.png); } 
a.ButtonBig-Disabled { background-image: url(../../../images/fresh/ButtonBig-Disabled-a.png); }
a.ButtonBig-Disabled span { color: #AAA; background-image: url(../../../images/fresh/ButtonBig-Disabled-span.png); } 
a.ButtonBig-Disabled:hover span, a.ButtonBig-Disabled:active span { color: #AAA; } 

a.ButtonBigForward-Black { background-image: url(../../../images/fresh/ButtonBigForward-Black-a.png); }
a.ButtonBigForward-Black span { padding-right: 7px; background-image: url(../../../images/fresh/ButtonBigForward-Black-span.png); } 
a.ButtonBigForward-Green { background-image: url(../../../images/fresh/ButtonBigForward-Green-a.png); }
a.ButtonBigForward-Green span { padding-right: 7px; background-image: url(../../../images/fresh/ButtonBigForward-Green-span.png); } 
a.ButtonBigForward-Disabled { background-image: url(../../../images/fresh/ButtonBigForward-Disabled-a.png); }
a.ButtonBigForward-Disabled span { padding-right: 7px; color: #AAA; background-image: url(../../../images/fresh/ButtonBigForward-Disabled-span.png); } 
a.ButtonBigForward-Disabled:hover span, a.ButtonBigForward-Disabled:active span { color: #AAA; }

a.ButtonBigBack-Black { background-image: url(../../../images/fresh/ButtonBigBack-Black-a.png); }
a.ButtonBigBack-Black span { padding-left: 25px; background-image: url(../../../images/fresh/ButtonBigBack-Black-span.png); }
a.ButtonBigBack-Green { background-image: url(../../../images/fresh/ButtonBigBack-Green-a.png); }
a.ButtonBigBack-Green span { padding-left: 25px; background-image: url(../../../images/fresh/ButtonBigBack-Green-span.png); }
a.ButtonBigBack-Disabled { background-image: url(../../../images/fresh/ButtonBigBack-Disabled-a.png); }
a.ButtonBigBack-Disabled span { padding-left: 25px; color: #AAA; background-image: url(../../../images/fresh/ButtonBigBack-Disabled-span.png); }
a.ButtonBigBack-Disabled:hover span, a.ButtonBigBack-Disabled:active span { color: #AAA; } 

/* ButtonSmall - Common props */
a.ButtonSmall-Black,
a.ButtonSmall-Green,
a.ButtonSmall-Disabled,
a.ButtonSmallForward-Black,
a.ButtonSmallForward-Green,
a.ButtonSmallForward-Disabled,
a.ButtonSmallBack-Black,
a.ButtonSmallBack-Green,
a.ButtonSmallBack-Disabled{
	color: #FFF;
	height: 30px; /* Forandre denne i forhold til høyden på knappen pluss 2px */
	padding-right: 20px; /* sliding doors padding */
	font-size: 12px;
}
a.ButtonSmall-Black span,
a.ButtonSmall-Green span,
a.ButtonSmall-Disabled span,
a.ButtonSmallForward-Black span,
a.ButtonSmallForward-Green span,
a.ButtonSmallForward-Disabled span,
a.ButtonSmallBack-Black span,
a.ButtonSmallBack-Green span,
a.ButtonSmallBack-Disabled span {
	line-height: 16px; /* Forandre denne i forhold til høyden på knappen: Knappehøyde minus 8 px */
	padding: 5px 0 9px 18px;
} 
a.ButtonSmall-Black:hover,
a.ButtonSmall-Green:hover,
a.ButtonSmall-Disabled:hover,
a.ButtonSmallForward-Black:hover,
a.ButtonSmallForward-Green:hover,
a.ButtonSmallForward-Disabled:hover, 
a.ButtonSmallBack-Black:hover,
a.ButtonSmallBack-Green:hover,
a.ButtonSmallBack-Disabled:hover {
	background-position: 100% -34px;
	outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
}
a.ButtonSmall-Black:hover span,
a.ButtonSmall-Green:hover span,
a.ButtonSmallForward-Black:hover span,
a.ButtonSmallForward-Green:hover span,
a.ButtonSmallBack-Black:hover span,
a.ButtonSmallBack-Green:hover span {
	background-position: 0 -34px;
	padding-top: 6px; padding-bottom: 8px; /* push text down 1px */
	text-decoration: none;
	color: #FFF;
} 
a.ButtonSmall-Disabled:hover span,
a.ButtonSmallForward-Disabled:hover span,
a.ButtonSmallBack-Disabled:hover span {
	background-position: 0 -34px;
	text-decoration: none;
	color: #FFF;
} 
a.ButtonSmall-Black:active,
a.ButtonSmall-Green:active,
a.ButtonSmall-Disabled:active,
a.ButtonSmallForward-Black:active,
a.ButtonSmallForward-Green:active,
a.ButtonSmallForward-Disabled:active,
a.ButtonSmallBack-Black:active,
a.ButtonSmallBack-Green:active,
a.ButtonSmallBack-Disabled:active {
	background-position: 100% -68px;
	outline: none; /* hide dotted outline in Firefox */
}
a.ButtonSmall-Black:active span,
a.ButtonSmall-Green:active span,
a.ButtonSmallForward-Black:active span,
a.ButtonSmallForward-Green:active span,
a.ButtonSmallBack-Black:active span,
a.ButtonSmallBack-Green:active span {
	background-position: 0 -68px;
	padding-top: 6px; padding-bottom: 8px; /* push text down 1px */
	color: #FFF;
} 
a.ButtonSmall-Disabled:active span,
a.ButtonSmallForward-Disabled:active span,
a.ButtonSmallBack-Disabled:active span {
	background-position: 0 -68px;
	color: #FFF;
} 
/* ButtonSmall - Common props END*/

a.ButtonSmall-Black { background-image: url(../../../images/fresh/ButtonSmall-Black-a.png); }
a.ButtonSmall-Black span { background-image: url(../../../images/fresh/ButtonSmall-Black-span.png); } 
a.ButtonSmall-Green { background-image: url(../../../images/fresh/ButtonSmall-Green-a.png); }
a.ButtonSmall-Green span { background-image: url(../../../images/fresh/ButtonSmall-Green-span.png); } 
a.ButtonSmall-Disabled { background-image: url(../../../images/fresh/ButtonSmall-Disabled-a.png); }
a.ButtonSmall-Disabled span { color: #AAA; background-image: url(../../../images/fresh/ButtonSmall-Disabled-span.png); } 
a.ButtonSmall-Disabled:hover span, a.ButtonSmall-Disabled:active span { color: #AAA; } 

a.ButtonSmallForward-Black { background-image: url(../../../images/fresh/ButtonSmallForward-Black-a.png); }
a.ButtonSmallForward-Black span { padding-right: 7px; background-image: url(../../../images/fresh/ButtonSmallForward-Black-span.png); } 
a.ButtonSmallForward-Green { background-image: url(../../../images/fresh/ButtonSmallForward-Green-a.png); }
a.ButtonSmallForward-Green span { padding-right: 7px; background-image: url(../../../images/fresh/ButtonSmallForward-Green-span.png); } 
a.ButtonSmallForward-Disabled { background-image: url(../../../images/fresh/ButtonSmallForward-Disabled-a.png); }
a.ButtonSmallForward-Disabled span { padding-right: 7px; color: #AAA;	background-image: url(../../../images/fresh/ButtonSmallForward-Disabled-span.png); }
a.ButtonSmallForward-Disabled:hover span, a.ButtonSmallForward-Disabled:active span { color: #AAA; } 

a.ButtonSmallBack-Black { background-image: url(../../../images/fresh/ButtonSmallBack-Black-a.png); }
a.ButtonSmallBack-Black span { padding-left: 25px; background-image: url(../../../images/fresh/ButtonSmallBack-Black-span.png); } 
a.ButtonSmallBack-Green { background-image: url(../../../images/fresh/ButtonSmallBack-Green-a.png); }
a.ButtonSmallBack-Green span { padding-left: 25px; background-image: url(../../../images/fresh/ButtonSmallBack-Green-span.png); } 
a.ButtonSmallBack-Disabled { background-image: url(../../../images/fresh/ButtonSmallBack-Disabled-a.png); }
a.ButtonSmallBack-Disabled span { padding-left: 25px; color: #AAA;	background-image: url(../../../images/fresh/ButtonSmallBack-Disabled-span.png); } 
a.ButtonSmallBack-Disabled:hover span, a.ButtonSmallBack-Disabled:active span { color: #AAA; } 

/* ButtonXSmall-Grey START*/
a.ButtonXSmall-Grey {
	color: #FFF;
	height: 20px;
	padding-right: 20px;
	background-image: url(../../../images/fresh/ButtonXtraSmall-Grey-a.png);
	font-size: 11px;
}
a.ButtonXSmall-Grey span {
	height: 20px;
	line-height: 13px;
	padding: 2px 0 2px 8px;
	background: url(../../../images/fresh/ButtonXtraSmall-Grey-span.png) no-repeat;
} 
a.ButtonXSmall-Grey:hover {
	background-position: 100% -25px;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
}
a.ButtonXSmall-Grey:hover span {
	background-position: 0 -25px;
	text-decoration: none;
} 
a.ButtonXSmall-Grey:active {
	background-position: 100% -50px;
  outline: none; /* hide dotted outline in Firefox */
  color: #FFF;
}
a.ButtonXSmall-Grey:active span {
	background-position: 0 -50px;
	color: #FFF;
} 
/* ButtonXSmall-Grey END*/

/* ButtonBigger-Forward START*/
a.ButtonBiggerForward-Green {
	color: #FFF;
	height: 48px; /* Forandre denne i forhold til høyden på knappen */
	padding-right: 50px; /* sliding doors padding */
	background-image: url(../../../images/fresh/ButtonBiggerForward-Green-a.png);
	font-size: 20px;
}
a.ButtonBiggerForward-Green span {
	line-height: 32px;
	background-image: url(../../../images/fresh/ButtonBiggerForward-Green-span.png);
	padding: 7px 0 10px 30px;
} 
a.ButtonBiggerForward-Green:hover {
	background-position: 100% -48px;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
}
a.ButtonBiggerForward-Green:hover span {
	background-position: 0 -48px;
	padding-top: 8px; padding-bottom: 9px; /* push text down 1px */
	text-decoration: none;
} 
a.ButtonBiggerForward-Green:active {
	background-position: 100% -96px;
	outline: none; /* hide dotted outline in Firefox */
	color: #FFF;
}
a.ButtonBiggerForward-Green:active span {
	background-position: 0 -96px; /* push text down 1px */
	color: #FFF;
	padding-top: 8px; padding-bottom: 9px; /* push text down 1px */
} 
/* ButtonBigger-Forward END*/


/* cufon overrides */
.ButtonBig-Blue.GEInsp span
{
    height:24px;  
    padding-top: 14px;
    padding-bottom: 0px;
}

.ButtonBig-Blue.GEInsp:hover span,
.ButtonBig-Blue.GEInsp:active span
{
    padding-top: 15px;
    padding-bottom: 0px;
}

.ButtonBigForward-Green.GEInsp span
{
    height:24px;  
    padding-top: 14px;
    padding-bottom: 0px;
}

.ButtonBigForward-Green.GEInsp:hover span,
.ButtonBigForward-Green.GEInsp:active span
{
    padding-top: 15px;
    padding-bottom: 0px;
}

.ButtonBiggerForward-Green.GEInsp span 
{
    height:32px;  
    padding-top: 15px;
    padding-bottom: 2px;
}

.ButtonBiggerForward-Green.GEInsp:hover span,
.ButtonBiggerForward-Green.GEInsp:active span
{
    padding-top: 16px;
    padding-bottom: 1px;
}