@charset "UTF-8";
/* CSS Document */

/* ===========================================================================================================================================================================================================================================================
 * MAIN TEMPLATE STYLE SHEET FOR BUTTONS - DO NOT MODIFY WITHOUT PERMISSION FROM BILL DENGLER OR DAVE FORTIER
 * =========================================================================================================================================================================================================================================================== */
/* BUTTON SIZE STYLES ---------------------------------------------------------------------------------------------------- */
a.button, a.button:link, a.button:visited, a.button:hover, a.button:active, a.button:focus,
div.button, div.button:link, div.button:visited, div.button:hover, div.button:active, div.button:focus {
	cursor:pointer;
	display:inline-block;
	padding:10px 15px;
	font:normal bold 12px/18px Tahoma, Arial, Verdana, sans-serif;
	letter-spacing:.01em;
	text-align:center;
	text-decoration:none;
	outline:none;
	border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
}
a.button.small, div.button.small {
	padding:6px 15px;
	font-size:10px;
	line-height:12px;
	font-weight:bold;
	border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
}
a.button.mini, a.buttonhl.mini, div.button.mini {
	padding:2px 8px;
	font-size:10px;
	line-height:12px;
	font-weight:bold;
	border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
}
/* BUTTON COLOR STYLES ---------------------------------------------------------------------------------------------------- */
a.black, a.black:visited, a.black:active, div.black {
	color:#FFFFFF;
	background:#242424;
	border:1px solid #242424;
}
a.gray, a.gray:visited, a.gray:active, div.gray {
	color:#FFFFFF;
	background:#8B8C99;
	border:1px solid #8B8C99;	
}
a.white, a.white:visited, a.white:active, div.white {
	color:#333333;
	background:#FFFFFF;
	border:1px solid #D7D7D7;
}
a.red, a.red:visited, a.red:active, div.red {
	color:#FFFFFF;
	background:#DD0000;
	border:1px solid #CC0000;
}
a.orange, a.orange:visited, a.orange:active, div.orange {
	color:#FFFFFF;
	background:#FF9900;
	border:1px solid #DD8800;
}
a.yellow, a.yellow:visited, a.yellow:active, div.yellow {
	color:#333333;
	background:#FFEE00;
	border:1px solid #FFCC00;
}
a.lightgreen, a.lightgreen:visited, a.lightgreen:active, div.lightgreen {
	color:#FFFFFF;
	background:#85B600;
	border:1px solid #85B600;
}
a.green, a.green:visited, a.green:active, div.green {
	color:#FFFFFF;
	background:#5C9861;
	border:1px solid #5C9861;
}
a.blue, a.blue:visited, a.blue:active, div.blue {
	color:#FFFFFF;
	background:#354E7A;
	border:1px solid #354E7A;
}
a.darkblue, a.darkblue:visited, a.darkblue:active, div.darkblue {
	color:#FFFFFF;
	background:#13284D;
	border:1px solid #13284D;
}
a.purple, a.purple:visited, a.purple:active, div.purple {
	color:#FFFFFF;
	background:#610C2D;
	border:1px solid #610C2D;
}
a.black:hover, a.gray:hover, a.white:hover, a.red:hover, a.orange:hover, a.yellow:hover, a.green:hover, a.lightgreen:hover, a.blue:hover, a.darkblue:hover, a.purple:hover,
div.black:hover, div.gray:hover, div.white:hover, div.red:hover, div.orange:hover, div.yellow:hover, div.green:hover, div.lightgreen:hover, div.blue:hover, div.darkblue:hover, div.purple:hover {
	color:#333333;
	background:#F7F7F7;
	border:1px solid #C7C7C7;
	opacity:1;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
/* BUTTON ICON STYLES ---------------------------------------------------------------------------------------------------- */
.icon {
	position:relative;
	top:-5px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 24px;
}
.button-right {
	width:auto;
	float:left;
}
.button-left {
	width:auto;
	float:right;
}
.icon-right {
	position:relative;
	top:-3px;
	left:0px;
	float:right;
	margin:0px -10px -12px 15px;
	padding:0px 0px 6px 24px;
}
.icon-right-small {
	position:relative;
	top:-2px;
	left:0px;
	float:right;
	margin:0px -10px -12px 15px;
	padding:0px 0px 6px 24px;
}
.icon-right-double {
	position:relative;
	top:5px;
	left:0px;
	float:right;
	margin:0px -10px -12px 15px;
	padding:0px 0px 6px 24px;
}
.icon-left {
	position:relative;
	top:-5px;
	left:0px;
	float:left;
	margin:0px 15px -12px 0px;
	padding:0px 0px 6px 24px;
}
.icon-left-double {
	position:relative;
	top:5px;
	left:0px;
	float:left;
	margin:0px 15px -12px 0px;
	padding:0px 0px 6px 24px;
}
.addmodify .icon, .addmodify .icon-right, .addmodify .icon-left, .addmodify .icon-right-double, .addmodify .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_addmodify.png) no-repeat 0px 0px;
}
.addmodify:hover .icon, .addmodify:hover .icon-right, .addmodify:hover .icon-left, .addmodify:hover .icon-right-double, .addmodify:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_addmodify_black.png) no-repeat 0px 0px;
}
.arrow .icon, .arrow .icon-right, .arrow .icon-left, .arrow .icon-right-double, .arrow .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_arrow.png) no-repeat 0px 0px;
}
.arrow:hover .icon, .arrow:hover .icon-right, .arrow:hover .icon-left, .arrow:hover .icon-right-double, .arrow:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_arrow_black.png) no-repeat 0px 0px;
}
.arrowup .icon, .arrowup .icon-right, .arrowup .icon-left, .arrowup .icon-right-double, .arrowup .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_arrow_up.png) no-repeat 0px 0px;
}
.arrowup:hover .icon, .arrowup:hover .icon-right, .arrowup:hover .icon-left, .arrowup:hover .icon-right-double, .arrowup:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_arrow_up_black.png) no-repeat 0px 0px;
}
.arrowdown .icon, .arrowdown .icon-right, .arrowdown .icon-left, .arrowdown .icon-right-double, .arrowdown .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_arrow_down.png) no-repeat 0px 0px;
}
.arrowdown:hover .icon, .arrowdown:hover .icon-right, .arrowdown:hover .icon-left, .arrowdown:hover .icon-right-double, .arrowdown:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_arrow_down_black.png) no-repeat 0px 0px;
}
.arrowleft .icon, .arrowleft .icon-right, .arrowleft .icon-left, .arrowleft .icon-right-double, .arrowleft .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_arrow_left.png) no-repeat 0px 0px;
}
.arrowleft:hover .icon, .arrowleft:hover .icon-right, .arrowleft:hover .icon-left, .arrowleft:hover .icon-right-double, .arrowleft:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_arrow_left_black.png) no-repeat 0px 0px;
}
.arrowright .icon, .arrowright .icon-right, .arrowright .icon-left, .arrowright .icon-right-double, .arrowright .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_arrow_right.png) no-repeat 0px 0px;
}
.arrowright:hover .icon, .arrowright:hover .icon-right, .arrowright:hover .icon-left, .arrowright:hover .icon-right-double, .arrowright:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_arrow_right_black.png) no-repeat 0px 0px;
}
.arrowsmall .icon, .arrowsmall .icon-right, .arrowsmall .icon-left, .arrowsmall .icon-right-double, .arrowsmall .icon-left-double, .arrowsmall .icon-right-small {
	background:url(/images/sitetemplate/buttonicon_arrow.png) no-repeat 0px 0px;
}
.arrowsmall:hover .icon, .arrowsmall:hover .icon-right, .arrowsmall:hover .icon-left, .arrowsmall:hover .icon-right-double, .arrowsmall:hover .icon-left-double, .arrowsmall:hover .icon-right-small {
	background:url(/images/sitetemplate/buttonicon_arrow_black.png) no-repeat 0px 0px;
}
.check .icon, .check .icon-right, .check .icon-left, .check .icon-right-double, .check .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_check.png) no-repeat 0px 0px;
}
.check:hover .icon, .check:hover .icon-right, .check:hover .icon-left, .check:hover .icon-right-double, .check:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_check_black.png) no-repeat 0px 0px;
}
.close .icon, .close .icon-right, .close .icon-left, .close .icon-right-double, .close .icon-left-double, .close .icon-right-small {
	background:url(/images/sitetemplate/buttonicon_close.png) no-repeat 0px 0px;
}
.close:hover .icon, .close:hover .icon-right, .close:hover .icon-left, .close:hover .icon-right-double, .close:hover .icon-left-double, .close:hover .icon-right-small {
	background:url(/images/sitetemplate/buttonicon_close_black.png) no-repeat 0px 0px;
}
.clouddownload .icon, .clouddownload .icon-right, .clouddownload .icon-left, .clouddownload .icon-right-double, .clouddownload .icon-left-double, .clouddownload .icon-right-small {
	background:url(/images/sitetemplate/buttonicon_cloud_download.png) no-repeat 0px 0px;
}
.clouddownload:hover .icon, .clouddownload:hover .icon-right, .clouddownload:hover .icon-left, .clouddownload:hover .icon-right-double, .clouddownload:hover .icon-left-double, .clouddownload:hover .icon-right-small {
	background:url(/images/sitetemplate/buttonicon_cloud_download_black.png) no-repeat 0px 0px;
}
.cloudupload .icon, .cloudupload .icon-right, .cloudupload .icon-left, .cloudupload .icon-right-double, .cloudupload .icon-left-double, .cloudupload .icon-right-small {
	background:url(/images/sitetemplate/buttonicon_cloud_upload.png) no-repeat 0px 0px;
}
.cloudupload:hover .icon, .cloudupload:hover .icon-right, .cloudupload:hover .icon-left, .cloudupload:hover .icon-right-double, .cloudupload:hover .icon-left-double, .cloudupload:hover .icon-right-small {
	background:url(/images/sitetemplate/buttonicon_cloud_upload_black.png) no-repeat 0px 0px;
}
.document .icon, .document .icon-right, .document .icon-left, .document .icon-right-double, .document .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_document.png) no-repeat 0px 0px;
}
.document:hover .icon, .document:hover .icon-right, .document:hover .icon-left, .document:hover .icon-right-double, .document:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_document_black.png) no-repeat 0px 0px;
}
.email .icon, .email .icon-right, .email .icon-left, .email .icon-right-double, .email .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_email.png) no-repeat 0px 0px;
}
.email:hover .icon, .email:hover .icon-right, .email:hover .icon-left, .email:hover .icon-right-double, .email:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_email_black.png) no-repeat 0px 0px;
}
.error .icon, .error .icon-right, .error .icon-left, .error .icon-right-double, .error .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_error.png) no-repeat 0px 0px;
}
.error:hover .icon, .error:hover .icon-right, .error:hover .icon-left, .error:hover .icon-right-double, .error:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_error_black.png) no-repeat 0px 0px;
}
.help .icon, .help .icon-right, .help .icon-left, .help .icon-right-double, .help .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_help.png) no-repeat 0px 0px;
}
.help:hover .icon, .help:hover .icon-right, .help:hover .icon-left, .help:hover .icon-right-double, .help:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_help_black.png) no-repeat 0px 0px;
}
.info .icon, .info .icon-right, .info .icon-left, .info .icon-right-double, .info .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_info.png) no-repeat 0px 0px;
}
.info:hover .icon, .info:hover .icon-right, .info:hover .icon-left, .info:hover .icon-right-double, .info:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_info_black.png) no-repeat 0px 0px;
}
.login .icon, .login .icon-right, .login .icon-left, .login .icon-right-double, .login .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_login.png) no-repeat 0px 0px;
}
.login:hover .icon, .login:hover .icon-right, .login:hover .icon-left, .login:hover .icon-right-double, .login:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_login_black.png) no-repeat 0px 0px;
}
.logout .icon, .logout .icon-right, .logout .icon-left, .logout .icon-right-double, .logout .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_logout.png) no-repeat 0px 0px;
}
.logout:hover .icon, .logout:hover .icon-right, .logout:hover .icon-left, .logout:hover .icon-right-double, .logout:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_logout_black.png) no-repeat 0px 0px;
}
.minusdelete .icon, .minusdelete .icon-right, .minusdelete .icon-left, .minusdelete .icon-right-double, .minusdelete .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_minusdelete.png) no-repeat 0px 0px;
}
.minusdelete:hover .icon, .minusdelete:hover .icon-right, .minusdelete:hover .icon-left, .minusdelete:hover .icon-right-double, .minusdelete:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_minusdelete_black.png) no-repeat 0px 0px;
}
.money .icon, .money .icon-right, .money .icon-left, .money .icon-right-double, .money .icon-left-double,
.money2 .icon, .money2 .icon-right, .money2 .icon-left, .money2 .icon-right-double, .money2 .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_money.png) no-repeat 0px 0px;
}
.money:hover .icon, .money:hover .icon-right, .money:hover .icon-left, .money:hover .icon-right-double, .money:hover .icon-left-double,
.money2:hover .icon, .money2:hover .icon-right, .money2:hover .icon-left, .money2:hover .icon-right-double, .money2:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_money_black.png) no-repeat 0px 0px;
}
.pdf .icon, .pdf .icon-right, .pdf .icon-left, .pdf .icon-right-double, .pdf .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_pdf.png) no-repeat 0px 0px;
}
.pdf:hover .icon, .pdf:hover .icon-right, .pdf:hover .icon-left, .pdf:hover .icon-right-double, .pdf:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_pdf_black.png) no-repeat 0px 0px;
}
.printer .icon, .printer .icon-right, .printer .icon-left, .printer .icon-right-double, .printer .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_printer.png) no-repeat 0px 0px;
}
.printer:hover .icon, .printer:hover .icon-right, .printer:hover .icon-left, .printer:hover .icon-right-double, .printer:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_printer_black.png) no-repeat 0px 0px;
}
.refresh .icon, .refresh .icon-right, .refresh .icon-left, .refresh .icon-right-double, .refresh .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_refresh.png) no-repeat 0px 0px;
}
.refresh:hover .icon, .refresh:hover .icon-right, .refresh:hover .icon-left, .refresh:hover .icon-right-double, .refresh:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_refresh_black.png) no-repeat 0px 0px;
}
.settings .icon, .settings .icon-right, .settings .icon-left, .settings .icon-right-double, .settings .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_settings.png) no-repeat 0px 0px;
}
.settings:hover .icon, .settings:hover .icon-right, .settings:hover .icon-left, .settings:hover .icon-right-double, .settings:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_settings_black.png) no-repeat 0px 0px;
}
.trash .icon, .trash .icon-right, .trash .icon-left, .trash .icon-right-double, .trash .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_trash.png) no-repeat 0px 0px;
}
.trash:hover .icon, .trash:hover .icon-right, .trash:hover .icon-left, .trash:hover .icon-right-double, .trash:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_trash_black.png) no-repeat 0px 0px;
}
.viewchart .icon, .viewchart .icon-right, .viewchart .icon-left, .viewchart .icon-right-double, .viewchart .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_viewchart.png) no-repeat 0px 0px;
}
.viewchart:hover .icon, .viewchart:hover .icon-right, .viewchart:hover .icon-left, .viewchart:hover .icon-right-double, .viewchart:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_viewchart_black.png) no-repeat 0px 0px;
}
.warning .icon, .warning .icon-right, .warning .icon-left, .warning .icon-right-double, .warning .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_warning.png) no-repeat 0px 0px;
}
.warning:hover .icon, .warning:hover .icon-right, .warning:hover .icon-left, .warning:hover .icon-right-double, .warning:hover .icon-left-double {
	background:url(/images/sitetemplate/buttonicon_warning_black.png) no-repeat 0px 0px;
}

/* USERS GUIDE BUTTON STYLES ---------------------------------------------------------------------------------------------------- */
a.buttonUG, a.buttonUG:link, a.buttonUG:hover, a.buttonUG:visited, a.buttonUG:active {
	cursor:pointer;
	display:inline-block;
	margin:0px;
	padding:7px 10px 0px 0px;
	width:205px; /* 215px */
	height:118px; /* 125px */
	font:normal normal 12px/14px "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
	text-align:right;
	text-decoration:none;
	text-shadow:0px 0px 2px #FFF;
	color:#000;
	overflow:hidden;
}
a.buttonUG:focus {
	outline:none;
}