/*---------------------------------------------------------/
|	
|	Author: Copyright (c) 2009 Acro Media Inc. 
|	Purpose: CSS For MemberSuite
| Info: Site is Left Aligned, Max Width: 100%;
| Console Icons 
+---------------------------------------------------------*/

/*---------------------------------------------------------/
|	Icons
+---------------------------------------------------------*/

/* -- Primary Navigation Styles For Reference -- */

.bHome span
{
	background: url(../images/home.png) no-repeat;
}
.bMembership span
{
	background: url(../images/membership.png) no-repeat;
}
.bEvents span
{
	background: url(../images/events.png) no-repeat;
}
.bReports span
{
	background: url(../images/reports.png) no-repeat;
}
.bCRM span
{
	background: url(../images/crm.png) no-repeat;
}
.bFinancial span
{
	background: url(../images/financial.png) no-repeat;
}
.bSetup span
{
	background: url(../images/setup.png) no-repeat;
}
.bFundraising span
{
	background: url(../images/fundraising.png) no-repeat;
}
.bMore span
{
	background: url(../images/more.png) no-repeat;
	padding: 8px 30px 0 14px !important;
}

/* -- Title Icon Styles -- */

.titleIconPuzzle
{
	background: url(../images/puzzle.gif) 0 8px no-repeat;
	padding-left: 26px !important;
}
.titleIconMail
{
	background: url(../images/mail.gif) 0 12px no-repeat;
	padding-left: 26px !important;
}
.titleIconNews
{
	background: url(../images/news.gif) 0 9px no-repeat;
	padding-left: 26px !important;
}

/* -- Icon Buttons -- */

.iconBtnPuzz
{
	background: url(../images/puzzle.gif) 0 -127px no-repeat;
}
.iconBtnPuzz:hover
{
	background: url(../images/puzzle.gif) 0 0 no-repeat;
}

.iconBtnRefresh
{
	background: url(../images/refresh-small.png) 0 -84px no-repeat;
	padding: 0 0 0 23px;
}
.iconBtnRefresh:hover
{
	background: url(../images/refresh-small.png) 0 3px no-repeat;
}

.iconBtnGear
{
	background: url(../images/cog-sm.png) 0 -99px no-repeat;
	padding: 0 0 0 23px;
}
.iconBtnGear:hover
{
	background: url(../images/cog-sm.png) 0 1px no-repeat;
}

.dockCommandiconBtnGear
{
	background: url(../images/cog-sm.png) 0 -99px no-repeat !important;
	cursor: pointer !important;
}
.dockCommandiconBtnGear:hover
{
	background: url(../images/cog-sm.png) 0 1px no-repeat !important;
	cursor: pointer !important;
}

.iconBtnGraph
{
	background: url(../images/graph.gif) 0 -81px no-repeat;
	padding: 0 0 0 25px;
}
.iconBtnGraph:hover
{
	background: url(../images/graph.gif) 0 3px no-repeat;
}

.iconPieChart {
	background: url(../images/chart-pie.png) 0 -97px no-repeat;
	padding: 0 0 0 23px;
}
.iconEmailBlast {
	background: url(../images/email-blast.png) 0 5px no-repeat;
	padding: 0 0 0 23px;
}
.iconExcelFile {
    background: url(../images/file-excel.png) 0 1px no-repeat;
    padding: 0 0 0 23px;
}

.iconBtnPrinter {
	background: url(../images/printer.gif) 0 -82px no-repeat;
	padding: 0 0 0 23px;
}
.iconBtnPrinter:hover
{
	background: url(../images/printer.gif) 0 1px no-repeat;
}

.iconBtnMonitor
{
	background: url(../images/monitor.png) 0 1px no-repeat;
	padding: 0  0 0 20px; 
}
.iconBtnGoTo {
	background: url(../images/goto.png) 0 1px no-repeat;
    padding-right: 15px;	
	background-size: 10px 12px;
}
.iconBtnEdit {
	background: url(../images/edit.png) 0 1px no-repeat;
	padding-right: 15px;	
	background-size: 10px 12px;
}

.iconBtnDelete {
	background: url(../images/delete.png) 0 1px no-repeat;
    padding-right: 15px;	
	background-size: 10px 12px;
}
.iconBtnPasswordReset {
	background: url(../images/password-reset.png) 0 1px no-repeat;
    padding-right: 15px;	
	background-size: 10px 12px;
}
.iconBtnView {
	background: url(../images/view.png) 0 1px no-repeat;
    padding-right: 15px;	
	background-size: 13px 11px;
}
.iconBtnLink {
	padding-right: 10px;
}
.iconBtnFavorite {
	background: url(../images/favorites.png) 0 1px no-repeat;
    padding-right: 15px;	
	background-size: 13px 11px;
}

.iconBtnCheck
{
	background: url(../images/check_lrg.gif) 0 4px no-repeat;
	padding: 0 0 0 23px;
}
.iconBtnCheck:hover
{
	background: url(../images/check_lrg.gif) 0 -82px no-repeat;
}
.iconBtnCheck_hover
{
	background: url(../images/check_lrg.gif) 0 -82px no-repeat;
}
/* Put in for AddressControl 11/13/09 A.Ryan*/

.iconBtnCircCheck
{
	background: url(../images/circle_check.gif) 0 -98px no-repeat;
	padding: 0 0 0 23px;
}
.iconBtnCircCheck:hover
{
	background: url(../images/circle_check.gif) 0 2px no-repeat;
}

.iconBtnCircStar
{
	background: url(../images/circ_star.gif) 0 -98px no-repeat;
	padding: 0 0 0 23px;
}
.iconBtnCircStar:hover
{
	background: url(../images/circ_star.gif) 0 2px no-repeat;
}

.iconBtnCircX
{
	background: url(../images/circ_x.gif) 0 -82px no-repeat;
	padding: 0 0 0 23px;
}
.iconBtnCircX:hover
{
	background: url(../images/circ_x.gif) 0 2px no-repeat;
}

.iconBtnPlus {
	background: url(../images/add.png) 2px 13px no-repeat;
	background-size: 10px 12px;
	vertical-align: top;
	display:block;
}

.iconBtnX
{
	background: url(../images/x-large.png) 0 -82px no-repeat;
	padding: 0 0 0 23px;
}
.iconBtnX:hover {
    background: url(../images/x-large.png) 0 -82px no-repeat;
}

.iconBtnTrashBG
{
	background: url(../images/delete.png) 0 2px no-repeat;
	padding: 0 0 0 23px;
}
.iconBtnTrashBG:hover
{
	background: url(../images/delete.png) 0 2px no-repeat;
}

.iconPlus
{
	display: block;
	width: 14px;
	height: 15px;
	background: url(../images/add.png) 0 -95px no-repeat;
}
.iconPlus:hover
{
	background-position: 0 0;
}

.iconArrowCurveRight
{
	display: block;
	width: 14px;
	height: 17px;
	background: url(../images/arrow_curve_right.gif) 0 -83px no-repeat;
}
.iconArrowCurveRight:hover
{
	background-position: 0 0;
}

.iconArrowCurveLeft
{
	display: block;
	width: 14px;
	height: 16px;
	background: url(../images/arrow_curve_left.gif) 0 -84px no-repeat;
}
.iconArrowCurveLeft:hover
{
	background-position: 0 0;
}

.iconArrowUp
{
	display: block;
	width: 10px;
	height: 15px;
	background: url(../images/arrow_up.gif) 0 -85px no-repeat;
}
.iconArrowUp:hover
{
	background-position: 0 0;
}

.iconArrowDown
{
	display: block;
	width: 10px;
	height: 15px;
	background: url(../images/caret.png) 0 -85px no-repeat;
}
.iconArrowDown:hover
{
	background-position: 0 0;
}

.bAddRssFeed
{
	float: left;
	position: relative;
	top: -3px;
	padding: 5px 34px 0 0;
	display: block;
	height: 15px;
	background: url(../images/rss.gif) 105px 0px no-repeat;
}

.iconMagn {
	float: right;
	position: relative;
	padding-left: 20px;
	padding-right: 5px;
	
	 
	display: block;
	height: 15px;
	background: url(../images/search-small.png) no-repeat;
	 
}

.bCal
{
	display: block;
	width: 15px;
	height: 15px;
	text-align: left;
	text-indent: -9999px;
	background: url(../images/cal.gif) no-repeat;
}
.bCal:hover
{
	background-position: 0 0;
}
.bCal.highlight
{
	background-position: 0 0 !important;
}

.bX {
	display: block;
	width: 15px;
	height: 16px;
	text-align: left;
	background: url(../images/x-small.png) no-repeat;
}

.bEdit
{
	display: block;
	width: 15px;
	height: 16px;
	text-align: left;
	text-indent: -9999px;
	background: url(../images/cog-sm.png)  no-repeat;
}
.bEdit:hover
{
	background-position: 0 0;
}

.bX:hover
{
	background-position: 0 0;
}

.iconStar
{
	position: relative;
	top: 4px;
	display: block;
	background: url(../images/star.gif) 0 -90px no-repeat;
	width: 10px;
	height: 10px;
	text-align: left;
	padding: 0 8px 0 0;
	text-indent: -9999px;
}
.iconStar.highlight
{
	background: url(../images/star.gif) 0 0 no-repeat;
}

/* -- List Data Table Icons -- */

.iconListDocument a span
{ 
	background: url(../images/document_sml.gif) 15px 5px no-repeat;
}
.iconListCheck a span
{
	background: url(../images/check.gif) 15px 5px no-repeat;
}
.iconListBadge a span
{
	background: url(../images/badge.gif) 15px 5px no-repeat;
}
.iconListFlagRed a span
{
	background: url(../images/flag_red.gif) 15px 5px no-repeat;
}
.iconListFlagGreen a span
{
	background: url(../images/flag_green.gif) 15px 5px no-repeat;
}
.iconListFlagBlue a span
{
	background: url(../images/flag_blue.gif) 15px 5px no-repeat;
}
.iconListFlagGold a span
{
	background: url(../images/flag_gold.gif) 15px 5px no-repeat;
}
.iconListFlagLightRed a span
{
	background: url(../images/flag_light_red.gif) 15px 5px no-repeat;
}
.iconListFlagOrange a span
{
	background: url(../images/flag_orange.gif) 15px 5px no-repeat;
}

/* -- Tasks List Icons -- */


.tasksList .iconBlueManTool a
{
	background: url(../images/blue_man_tool.gif) 0 3px no-repeat;
}

.tasksList .iconManX a
{
	background: url(../images/man_x.gif) 0 3px no-repeat;
}
.tasksList .iconArrowRight a
{
	background: url(../images/arrow_right.gif) 0 6px no-repeat;
}

.tasksList .iconPlusSml a
{
	background: url(../images/plus_sml.gif) 0 5px no-repeat;
}


.tasksList .iconMagSml a
{
	background: url(../images/magn_sml.gif) 0 4px no-repeat;
}

.tasksList .iconFolder a
{
	background: url(../images/folder.gif) 0 4px no-repeat;
}

.tasksList .iconCalc a
{
	background: url(../images/calc.gif) 0 4px no-repeat;
}

.tasksList .iconPieChartSml a
{
	background: url(../images/pie_chart_small.gif) 0 4px no-repeat;
}

.tasksList .iconCheck a
{
	background: url(../images/check.gif) 0 4px no-repeat;
}

/* -- Step Icons -- */

.stepsTitleIconPuzzle
{
	background: url(../images/puzzle.gif) 0 2px no-repeat;
}
.stepsTitleIconClock
{
	background: url(../images/history.png) 0 2px no-repeat;
}
.stepsTitleIconCal31
{
	background: url(../images/cal_31.gif) 0 2px no-repeat;
}
.stepsTitleIconTrashBG
{
	background: url(../images/delete.png) 0 2px no-repeat;
}

/*--Command Icons --?
/* --------------------------------------------
|    MemberSuite - Icons
 -------------------------------------------- */

.clearBoth
{
	clear: both;
}

/* --------------------------------------------
|    MemberSuite - Icons
 -------------------------------------------- */

.clearBoth
{
	clear: both;
}


.hCommandIcon {
    display: block;
	width: 335px;
	color:var(--main-font-color) !important;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	min-height: 70px;
    padding: 5px;
	max-height: 70px;
	background-color:#fff;
    -ms-border-radius:4px;
    border-radius:4px;
	margin:5px;	
}

.hCommandIcon:hover {
		position: relative;
		text-decoration: none;
	
	}
.hCommandIcon span
{
	display: block;
}
.hCommandIcon .hCommandIconImg
{
	display: inline !important;
	width: 50px;
	height: 50px;
	float: left;
}
.hCommandIcon:hover .hCommandIconImg
{
	background-position: 0 -50px !important;
	text-decoration: none !important;
}
.hCommandIcon .hCommandIconTxt
{
	float: left;
	width: 280px;
	display: inline !important;
}
.hCommandIcon .hCommandIconTxt .pad
{
	padding: 5px;
}
#tasks {
	background-color:#fff;
}
.hCommandIcon .hCommandIconHeader
{
	
	font-size: 14px;
	line-height: 28px;
}
.hCommandIcon:hover .hCommandIconHeader {
	color:var(--main-font-color); 
	text-decoration: none !important;
		color: var(--link-color)!important;
}
.hCommandIcon .hCommandIconHelpText
{
	
	line-height: 14px;
	font-weight: normal;
}

.hCommandIcon:hover .hCommandIconHelpText
{
	display: block;
	
	text-decoration: none !important;
}

/* Dashboard Classes */
.dashboardIconPlusSml a
{
	padding-top: 5px;
	padding-bottom: 5px;
	
	cursor: pointer; /*Used for dashboard*/
}
.dashboardIconRightCurve a
{
		padding-top: 5px;
	padding-bottom: 5px;
	
	cursor: pointer;
}
/*Used for dashboard*/

.oneClickCommand
{
    font-size: 10pt;
    font-weight: bold;
    float: right;
    padding-right: 10px;
	text-decoration: none; /* font-weight: normal;  Removed on 11/14/09 to make bold on the searchResultsWidget work*/
	
	text-decoration: underline;
	outline: none;
}
.oneClickCommand a:hover
{
	text-decoration: underline;
	
}
.iconBtn.iconBtnPlus.oneClickCommand {
	position: relative;
    top: 50%;
}