@charset "utf-8";
/* CSS Document */
@import URL(EPStyles.css);
/* for buttons, to keep them in a fixed position */
#demo-button-container {position: relative; margin: 0; padding: 0; width: 765px;}
.first-demo-button {margin: 0; width: 120px; height: 56px;  padding: 0; padding-right: 24px; padding-top: 20px; vertical-align: middle;}
.demo-button {float: left; margin: 0; width: 120px; height: 56px;  padding: 0; padding-left: 24px; padding-top: 20px; vertical-align: middle;}
.demo-button-left {float: left; margin: 0; width: 120px; height: 56px;  padding: 0; padding-right: 24px; padding-top: 20px; vertical-align: middle;;}
.demo-button-spacer {float: left; margin: 0; width: 180px; height: 56px; padding: 0; padding-top: 20px;}
#demo-button-container .download-button img {float: right;}

/* Styles for application icon rollovers */
	.iconTable {
		width: 90%;
		border: 0;
		margin-top: 60px;
		margin-bottom: 120px;
		padding-bottom: 0;
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 20px;
	}
	.iconTable td {
		width: 25%;
	}
	td.iconTitle {
		font-weight: bold;
	}
	a.adminRollover, a.appRollover, a.workRollover, a.imagingRollover {  
    	display: block;  
	    width: 89px;  
    	height: 111px;  
		overflow: hidden;  
    	text-indent: -10000px;
	    font-size: 0px;  
    	line-height: 0px;  
	}  
	a.adminRollover {  
		background: url(/ep_demo/images/buttons/admin.png) no-repeat 0 0;  
		overflow: hidden;  
	}  
	a.appRollover {  
		background: url(/ep_demo/images/buttons/app.png) no-repeat 0 0;  
	}  
	a.workRollover {  
		background: url(/ep_demo/images/buttons/work.png) no-repeat 0 0;  
	}  
	a.imagingRollover {  
		background: url(/ep_demo/images/buttons/imaging.png) no-repeat 0 0;  
	}  
	
	a:hover.adminRollover, a:hover.appRollover, a:hover.workRollover, a:hover.imagingRollover {  
    	background-position: 0 -111px;  
	}