/*-----------------------------------*/
/*  B U T T O N - B A S E C L A S S  */
/*-----------------------------------*/	
/*
	every button has to apply the 
	roundbutton class and in addition
	one of the sized classes i.e.
	roundbutton19
*/


br.clear{clear:both;}
a.roundbutton, a.roundbutton *{
	margin:0;
	padding:0;
	border:0;
	}
a.roundbutton{
	position:relative;
	display:block;
	float:left;
	margin-right:2px;
	padding-left:16px; /*18px - 2px from relative positioning the span inside*/
	color:#fff;
	text-decoration:none;
	font-family:arial;
	font-size:12px;
	background-repeat:no-repeat;
	background-position:0 0;
	cursor:pointer;
	width: 100;
	}
	a.roundbuttonhover,
	a.roundbutton:hover{
		color:#FFFFFF;
		background-position:0 100%;
		}
	a.roundbutton span{
		position:relative;
		left:2px;
		display:block;
		float:left;
		background-position:100% 0;
		padding-right:18px;
		font-weight:bold;
		cursor:pointer;
		white-space:pre;
		}
		a.roundbuttonhover span,
		a.roundbutton:hover span{background-position:100% 100%;}
		* html a.roundbutton span{ /*hacking around IE6*/
			display:inline-block !important;
			white-space:nowrap;
			}

			
/*-----------------------------------*/
/*  D I F F E R E N T - S I Z E S    */
/*-----------------------------------*/	
/*
	sized classes contain only values
	that are specific for the size.
	the combination of padding-top
	and height at the middle class
	defines the text position, 
	padding-top + height = button height
*/


/* 19 pixel button */
a.roundbutton19{
	height:19px;
	background-image:url(small_button.gif);
	}
	a.roundbutton19 span{
		height:19px;
		padding-top:0px;
		background-image:url(small_button.gif);
		}
	* html a.roundbutton19 span{ height:19px;} /*hacking around IE6*/
		
/* 30 pixel button */
a.roundbutton30{
	height:30px;
	background-image:url(30_blue.gif);
	}
	a.roundbutton30 span{
		height:23px;
		padding-top:7px;
		background-image:url(30_blue.gif);
		}
	* html a.roundbutton30 span{ height:30px !important; }/*hacking around IE6*/
		
/* 48 pixel button */
a.roundbutton48{
	height:48px;
	background-image:url(48_blue.gif);
	}
	a.roundbutton48 span{
		height:32px;
		padding-top:16px;
		background-image:url(48_blue.gif);
		}
	* html a.roundbutton48 span{ height:48px !important; }/*hacking around IE6*/