/**
 * stylesheet.buttons.css
 * Clubbyclub buttons stylesheet
 *
 * Works with: FF, IE6, IE7, Safari, Opera
 *
 * SOME RULES IF YOU EDIT THIS STYLESHEET:
 * #1		Try to keep it working for FF, IE6, IE7, Safari and Opera
 * #2		Try to use as less CSS hacks as possible! If you need to apply hacks, first try other ways of styling! The need to apply a lot of hacks is mostly caused by bad styling!
 * #3		Do not mix id's and classnames! id's should be unique names to elements, classnames to style!
 * #4		Keep things tidy
 * #5		Give the sheet a logical order
 * #6		Do not change the standard properties of items! (Like giving all divs a display : inline :S)
 */
 
/** IMAGE BUTTONS */
/* Orange */
a.imageButtonSmall
{
	display					: block;
	
	width					: 75px;
	height					: 22px;

	background-image		: url('../graphics/buttons/image_button_small.gif');
	background-position		: center;
	background-repeat		: no-repeat;
	
	text-align				: center;
	vertical-align			: middle;
	line-height				: 22px;
	
	color					: #FFFFFF;
	font-size				: 14px;
	text-transform			: uppercase;
	text-decoration			: none;
	font-weight				: bolder;	
}

a.imageButtonSmall:hover
{
	background-image		: url('../graphics/buttons/image_button_small-hover.gif');
	color					: #FFFFFF;
	text-decoration			: none;
	font-weight				: bold;
}

a.imageButtonMedium
{
	display					: block;
	
	width					: 110px;
	height					: 22px;

	background-image		: url('../graphics/buttons/image_button_medium.gif');
	background-position		: center;
	background-repeat		: no-repeat;
	
	text-align				: center;
	vertical-align			: middle;
	line-height				: 22px;
	
	color					: #FFFFFF;
	font-size				: 14px;
	text-transform			: uppercase;
	text-decoration			: none;
	font-weight				: bolder;	
}

a.imageButtonMedium:hover
{
	background-image		: url('../graphics/buttons/image_button_medium-hover.gif');
	color					: #FFFFFF;
	text-decoration			: none;
	font-weight				: bold;
}

a.imageButtonLarge
{
	display					: block;
	
	width					: 159px;
	height					: 22px;

	background-image		: url('../graphics/buttons/image_button_large.gif');
	background-position		: center;
	background-repeat		: no-repeat;
	
	text-align				: center;
	vertical-align			: middle;
	line-height				: 22px;
	
	color					: #FFFFFF;
	font-size				: 14px;
	text-transform			: uppercase;
	text-decoration			: none;
	font-weight				: bolder;	
}

a.imageButtonLarge:hover
{
	background-image		: url('../graphics/buttons/image_button_large-hover.gif');
	color					: #FFFFFF;
	text-decoration			: none;
	font-weight				: bold;
}

a.imageButtonXLarge
{
	display					: block;
	
	width					: 280px;
	height					: 31px;

	background-image		: url('../graphics/buttons/image_button_xlarge.gif');
	background-position		: center;
	background-repeat		: no-repeat;
	
	text-align				: center;
	vertical-align			: middle;
	line-height				: 31px;
	
	color					: #FFFFFF;
	font-size				: 14px;
	text-transform			: uppercase;
	text-decoration			: none;
	font-weight				: bolder;	
}

a.imageButtonXLarge:hover
{
	background-image		: url('../graphics/buttons/image_button_xlarge-hover.gif');
	color					: #4c5384;
	text-decoration			: none;
	font-weight				: bold;
}

a.imageButtonXXLarge
{
	display					: block;
	
	width					: 332px;
	height					: 31px;

	background-image		: url('../graphics/buttons/image_button_xxlarge.gif');
	background-position		: center;
	background-repeat		: no-repeat;
	
	text-align				: center;
	vertical-align			: middle;
	line-height				: 31px;
	
	color					: #FFFFFF;
	font-size				: 14px;
	text-transform			: uppercase;
	text-decoration			: none;
	font-weight				: bolder;	
}

a.imageButtonXXLarge:hover
{
	background-image		: url('../graphics/buttons/image_button_xxlarge-hover.gif');
	color					: #74DFF0;
	text-decoration			: none;
	font-weight				: bold;
}
/* Blue */
a.imageButtonSmallBlue
{
	display					: block;
	
	width					: 69px;
	height					: 22px;

	background-image		: url('../graphics/buttons/image_button_small_blue.gif');
	background-position		: center;
	background-repeat		: no-repeat;
	
	text-align				: center;
	vertical-align			: middle;
	line-height				: 22px;
	
	color					: #FFFFFF;
	font-size				: 14px;
	text-transform			: uppercase;
	text-decoration			: none;
	font-weight				: bolder;	
}

a.imageButtonSmallBlue:hover
{
	background-image		: url('../graphics/buttons/image_button_small_blue-hover.gif');
	color					: #FFFFFF;
	text-decoration			: none;
	font-weight				: bold;
}

a.imageButtonSmallBlueWhiteBG
{
	display					: block;
	
	width					: 69px;
	height					: 22px;

	background-image		: url('../graphics/buttons/image_button_small_blue_whitebg.gif');
	background-position		: center;
	background-repeat		: no-repeat;
	
	text-align				: center;
	vertical-align			: middle;
	line-height				: 22px;
	
	color					: #FFFFFF;
	font-size				: 14px;
	text-transform			: uppercase;
	text-decoration			: none;
	font-weight				: bolder;	
}

a.imageButtonSmallBlueWhiteBG:hover
{
	background-image		: url('../graphics/buttons/image_button_small_blue_whitebg-hover.gif');
	color					: #FFFFFF;
	text-decoration			: none;
	font-weight				: bold;
}

a.imageButtonMediumBlue
{
	display					: block;
	
	width					: 110px;
	height					: 22px;

	background-image		: url('../graphics/buttons/image_button_medium_blue.gif');
	background-position		: center;
	background-repeat		: no-repeat;
	
	text-align				: center;
	vertical-align			: middle;
	line-height				: 22px;
	
	color					: #FFFFFF;
	font-size				: 14px;
	text-transform			: uppercase;
	text-decoration			: none;
	font-weight				: bolder;	
}

a.imageButtonMediumBlue:hover
{
	background-image		: url('../graphics/buttons/image_button_medium_blue-hover.gif');
	color					: #FFFFFF;
	text-decoration			: none;
	font-weight				: bold;
}

a.imageButtonMediumBlueBG
{
	display					: block;
	
	width					: 110px;
	height					: 22px;

	background-image		: url('../graphics/buttons/image_button_medium_bluebg.gif');
	background-position		: center;
	background-repeat		: no-repeat;
	
	text-align				: center;
	vertical-align			: middle;
	line-height				: 22px;
	
	color					: #FFFFFF;
	font-size				: 14px;
	text-transform			: uppercase;
	text-decoration			: none;
	font-weight				: bolder;	
}

a.imageButtonMediumBlueBG:hover
{
	background-image		: url('../graphics/buttons/image_button_medium_bluebg-hover.gif');
	color					: #FFFFFF;
	text-decoration			: none;
	font-weight				: bold;
}

a.imageButtonMediumBlueBlueBG
{
	display					: block;
	
	width					: 110px;
	height					: 22px;

	background-image		: url('../graphics/buttons/image_button_medium_blue_bluebg.gif');
	background-position		: center;
	background-repeat		: no-repeat;
	
	text-align				: center;
	vertical-align			: middle;
	line-height				: 22px;
	
	color					: #FFFFFF;
	font-size				: 14px;
	text-transform			: uppercase;
	text-decoration			: none;
	font-weight				: bolder;	
}

a.imageButtonMediumBlueBlueBG:hover
{
	background-image		: url('../graphics/buttons/image_button_medium_blue_bluebg-hover.gif');
	color					: #FFFFFF;
	text-decoration			: none;
	font-weight				: bold;
}