/* button basics */
	a.minibutton {
		display:inline-block;
		height:16px;
		padding:0 0 0 2px;
		font-size:10px;		
		color:#333;
		text-shadow:1px 1px 0 #fff; 
		background:url(../images/minibutton_matrix.png) 0 0 no-repeat;
		white-space:nowrap;
		border:none;
		overflow:visible;
		cursor:pointer;
		text-decoration:none;
	}
	
	a.minibutton>span {
		display:block;
		height:16px;
		padding:0 6px 0 4px;
		line-height:16px;
		background:url(../images/minibutton_matrix.png) 100% 0 no-repeat;
	}
	
	a.minibutton:hover, a.minibutton:focus {
		color:#fff;
		text-decoration:none;
		text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
		background-position:0 -21px;
	}
	a.minibutton:hover>span, a.minibutton:focus>span {background-position:100% -21px;}
	
	a.minibutton.mousedown{background-position:0 -60px; }
	a.minibutton.mousedown>span{background-position:100% -21px; }
	
	/* with icon */
	a.btn-download .icon {
		float:left;		
		width:15px;
		height:16px;
		background:url(../images/minibutton_icons.png) -40px -25px no-repeat;
	}
	a.btn-download .icon {background-position:-40px 0;}
	a.btn-download:hover .icon, a.btn-download:focus .icon {background-position:-40px -25px;}



/* medium button */



a.mediumbutton {
		display:inline-block;
		height:20px;
		padding:0 0 0 2px;
		font-size:12px;		
		color:#333;
		text-shadow:1px 1px 0 #fff; 
		background:url(../images/minibutton_matrix.png) 0 0 no-repeat;
		white-space:nowrap;
		border:none;
		overflow:visible;
		cursor:pointer;
		text-decoration:none;
	}
	
	a.mediumbutton>span {
		display:block;
		height:16px;
		padding:0 6px 0 4px;
		line-height:16px;
		background:url(../images/minibutton_matrix.png) 100% 0 no-repeat;
	}
	
	a.mediumbutton:hover, a.mediumbutton:focus {
		color:#fff;
		text-decoration:none;
		text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
		background-position:0 -21px;
	}
	a.mediumbutton:hover>span, a.mediumbutton:focus>span {background-position:100% -21px;}
	
	a.mediumbutton.mousedown{background-position:0 -60px; }
	a.mediumbutton.mousedown>span{background-position:100% -21px; }
	
	/* with icon */
	a.btn-download .icon {
		float:left;		
		width:15px;
		height:16px;
		background:url(../images/minibutton_icons.png) -40px -25px no-repeat;
	}
	a.btn-download .icon {background-position:-40px 0;}
	a.btn-download:hover .icon, a.btn-download:focus .icon {background-position:-40px -25px;}


/*
Green button
*/


a.greenbutton {
		display:inline-block;
		height:20px;
		padding:0 0 0 2px;
		font-size:12px;		
		color:#fff;
		
		background-color:#007700;
		white-space:nowrap;
		border:none;
		overflow:visible;
		cursor:pointer;
		text-decoration:none;
	}
	
	a.greenbutton>span {
		display:block;
		height:16px;
		padding:0 6px 0 4px;
		line-height:16px;
		
	}
	
	a.greenbutton:hover, a.greenbutton:focus {
		color:#fff;
		text-decoration:none;
		text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
		
	}
	a.greenbutton:hover>span, a.greenbutton:focus>span {background-position:100% -21px;}
	
	a.greenbutton.mousedown{background-position:0 -60px; }
	a.greenbutton.mousedown>span{background-position:100% -21px; }
	
	/* with icon */
	a.btn-download .icon {
		float:left;		
		width:15px;
		height:16px;
		background:url(../images/minibutton_icons.png) -40px -25px no-repeat;
	}
	a.btn-download .icon {background-position:-40px 0;}
	a.btn-download:hover .icon, a.btn-download:focus .icon {background-position:-40px -25px;}




/*
View button
*/


a.viewbutton {
		display:inline-block;
		height:16px;
		padding:0 0 0 2px;
		font-size:10px;		
		color:#333;
		text-shadow:1px 1px 0 #fff; 
		background:url(../images/minibutton_matrix.png) 0 0 no-repeat;
		white-space:nowrap;
		border:none;
		overflow:visible;
		cursor:pointer;
		text-decoration:none;
		width:65px;
		text-align:center; 
	}
	
	a.viewbutton>span {
		display:block;
		height:16px;
		padding:0 6px 0 4px;
		line-height:16px;
		background:url(../images/minibutton_matrix.png) 100% 0 no-repeat;
		
	}
	
	a.viewbutton:hover, a.viewbutton:focus {
		color:#fff;
		text-decoration:none;
		text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
		background-position:0 -21px;
		
	}
	a.viewbutton:hover>span, a.viewbutton:focus>span {background-position:100% -21px;}
	
	a.viewbutton.mousedown{background-position:0 -60px; }
	a.viewbutton.mousedown>span{background-position:100% -21px; }
	
	/* with icon */
	a.btn-download .icon {
		float:left;		
		width:15px;
		height:16px;
		background:url(../images/minibutton_icons.png) -40px -25px no-repeat;
	}
	a.btn-download .icon {background-position:-40px 0;}
	a.btn-download:hover .icon, a.btn-download:focus .icon {background-position:-40px -25px;}


/*
Sign button
*/


a.signbuton {
		display:inline-block;
		height:16px;
		padding:0 0 0 2px;
		font-size:10px;		
		color:#333;
		text-shadow:1px 1px 0 #fff; 
		background:url(../images/minibutton_matrix.png) 0 0 no-repeat;
		white-space:nowrap;
		border:none;
		overflow:visible;
		cursor:pointer;
		text-decoration:none;
		width:35px;
		text-align:center; 
	}
	
	a.signbuton>span {
		display:block;
		height:16px;
		padding:0 6px 0 4px;
		line-height:16px;
		background:url(../images/minibutton_matrix.png) 100% 0 no-repeat;
		
	}
	
	a.signbuton:hover, a.signbuton:focus {
		color:#fff;
		text-decoration:none;
		text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
		background-position:0 -21px;
		
	}
	a.signbuton:hover>span, a.signbuton:focus>span {background-position:100% -21px;}
	
	a.signbuton.mousedown{background-position:0 -60px; }
	a.signbuton.mousedown>span{background-position:100% -21px; }
	
	/* with icon */
	a.btn-download .icon {
		float:left;		
		width:15px;
		height:16px;
		background:url(../images/minibutton_icons.png) -40px -25px no-repeat;
	}
	a.btn-download .icon {background-position:-40px 0;}
	a.btn-download:hover .icon, a.btn-download:focus .icon {background-position:-40px -25px;}