/* --- button styles -------------------------- */


div.button {
	float:left;
	margin:0px 2px;
	border: 0px;}
	div.button a:link,
	div.button a:visited,
	div.button a:hover,
	div.button a:active {
		display:block;
		cursor:pointer;
		float:left;
		color:#fff;
		text-decoration:none;
		max-width:290px;
		font:13px/130% Arial, Helvetica, Verdana, sans-serif;}
		div.button a span {
			display:block;
			padding:0 0 0 6px;
			background:url(red_button_outline.gif) no-repeat left bottom;}
			div.button a span span {
				padding:0 0 5px 0;
				background:url(red_button_outline.gif) no-repeat right bottom;}
				div.button a span span span {
					margin-left:-6px;
					padding:0 0 5px 0;
					background:url(red_button_outline.gif) no-repeat left top;}
					div.button a span span span strong {
						display:block;
						margin-left:6px;
						padding:6px 12px 0 6px;
						background:url(red_button_outline.gif) no-repeat right top;}
					
					/* -- up/down button styles -- */
					div.button a.up, div.button a.down {margin-top:3px;}
					div.button a.up span span span, div.button a.down span span span { padding:0 0 1px 0;}
					div.button a.up span span span strong, div.button a.down span span span strong { padding:5px 3px 0 15px;}
	
	/* -- different button styles -- */
	div.button a.update {background:#a9bbe3 url(red_button_sprite.gif) no-repeat 0px 0px;}
	div.button a.update:hover {background:#a9bbe3 url(red_button_sprite.gif) no-repeat 0px -60px;}

	div.button a.cancel {background:#a9bbe3 url(red_button_sprite.gif) no-repeat 0px -120px;}
	div.button a.cancel:hover {background:#a9bbe3 url(red_button_sprite.gif) no-repeat 0px -180px;}

	div.button a.calendar {background:#a9bbe3 url(red_button_sprite.gif) no-repeat 0px -240px;}
	div.button a.calendar:hover {background:#a9bbe3 url(red_button_sprite.gif) no-repeat 0px -300px;}

	div.button a.up {background:#a9bbe3 url(red_button_sprite.gif) no-repeat -4px -362px;}
	div.button a.up:hover {background:#a9bbe3 url(red_button_sprite.gif) no-repeat -4px -422px;}

	div.button a.preview {background:#a9bbe3 url(red_button_sprite.gif) no-repeat 0px -480px;}
	div.button a.preview:hover {background:#a9bbe3 url(red_button_sprite.gif) no-repeat 0px -540px;}

	div.button a.new {background:#a9bbe3 url(red_button_sprite.gif) no-repeat 0px -600px;}
	div.button a.new:hover {background:#a9bbe3 url(red_button_sprite.gif) no-repeat 0px -660px;}
	div.addNew {
		float:right;
		clear:both;
		margin:0 0 -15px 0; 
		background-color:#fff; 
		padding-left:10px;}
	
	div.button a.edit {background:#a9bbe3 url(red_button_sprite.gif) no-repeat 0px -720px;}
	div.button a.edit:hover {background:#a9bbe3 url(red_button_sprite.gif) no-repeat 0px -780px;}

	div.button a.down {background:#a9bbe3 url(red_button_sprite.gif) no-repeat -4px -840px;}
	div.button a.down:hover {background:#a9bbe3 url(red_button_sprite.gif) no-repeat -4px -900px;}

	div.button a.delete {background:#a9bbe3 url(red_button_sprite.gif) no-repeat 0px -960px;}
	div.button a.delete:hover {background:#a9bbe3 url(red_button_sprite.gif) no-repeat 0px -1020px;}
	
	div.button a.login {background:#a9bbe3 url(red_button_sprite.gif) no-repeat 0px -1080px;}
	div.button a.login:hover {background:#a9bbe3 url(red_button_sprite.gif) no-repeat 0px -1140px;}
	
	div.button a.submit {background:#a9bbe3 url(red_button_sprite.gif) no-repeat 0px 0px;}
	div.button a.submit:hover {background:#a9bbe3 url(red_button_sprite.gif) no-repeat 0px -60px;}
/* --- /button styles -------------------------- */