/*AI's new sliding door buttons... */
.button {
	/*float:left;*/
	/*margin-left:10px;*/
	overflow:hidden;
	margin:5px;
}

td.footer .button {margin:5px 0 0 0;}
.button a {
    background: transparent url('../images/buttons/button_green_a.gif') no-repeat scroll top right;
    color: #FFFFFF !important;
	text-decoration:none !important;
	text-transform:uppercase;
    display: block;
    /*float: left;*/
    font: bold 12px arial, sans-serif;
    height: 26px;
    padding-right: 10px; /*AI: sliding doors padding */
    text-decoration: none;
}

.button a span {
    background: transparent url('../images/buttons/button_green_span.gif') no-repeat;
    display: block;
    line-height: 18px;
    padding: 4px 0 4px 10px; /*AI: line height + padding should = a.button height */
} 

.button a:hover {
    background-position: bottom right;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

.button a:hover span {
    background-position: bottom left;
    padding: 4px 0 4px 10px; /*AI: you could push text down 1px to simulate a hover effect */
}
/*  End of AI sliding door button */


/*AI's new sliding door buttons... */
.btn_table {
	float:left;
	margin-left:10px;
	overflow:hidden;
}

.btn_table a {
    background: transparent url('../images/buttons/btn_table_a.gif') no-repeat scroll top right;
    color: #FFFFFF !important;
	text-decoration:none !important;
	text-transform:uppercase;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 20px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}

.btn_table a span {
    background: transparent url('../images/buttons/btn_table_span.gif') no-repeat;
    display: block;
    line-height: 12px;
    padding: 4px 0 4px 10px; /*line height + padding should = a.button height. */
} 

.btn_table a:hover {
    background-position: bottom right;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

.btn_table a:hover span {
    background-position: bottom left;
    padding: 4px 0 4px 10px; /* push text down 1px */
}

/*----------CONTACTEVAL--------*/
div#contacteval a {
    width: 120px;
    height: 31px;
    display: block;
    background: url(../images/btn_contacteval.gif) no-repeat;
    overflow: hidden;
    margin: 0 0 10px 0;
}
div#contacteval a:hover {
    background-position: -120px 0;
}

/*----------INVITE RECRUIT--------*/
div#inviterecruit a {
    width: 120px;
    height: 31px;
    display: block;
    background: url(../images/btn_invite_recruit.gif) no-repeat;
    overflow: hidden;
    margin: 0 0 10px 0;
}
div#inviterecruit a:hover {
    background-position: -120px 0;
}

/*----------ADD USER--------*/
div#adduser a {
    width: 120px;
    height: 31px;
    display: block;
    background: url(../images/btn_add_user.gif) no-repeat;
    overflow: hidden;
    margin: 0 0 10px 0;
}
div#adduser a:hover {
    background-position: -120px 0;
}

/*----------ADD COACH--------*/
div#addcoach a {
    width: 120px;
    height: 31px;
    display: block;
    background: url(../images/btn_add_coach.gif) no-repeat;
    overflow: hidden;
    margin: 0 0 10px 0;
}
div#addcoach a:hover {
    background-position: -120px 0;
}

/*----------ADD COUNSELOR--------*/
div#addcounselor a {
    width: 120px;
    height: 31px;
    display: block;
    background: url(../images/btn_add_counselor.gif) no-repeat;
    overflow: hidden;
    margin: 0 0 10px 0;
}
div#addcounselor a:hover {
    background-position: -120px 0;
}
/*----------LOG VISIT--------*/
div#logvisit a {
    width: 120px;
    height: 31px;
    display: block;
    background: url(../images/btn_log_visit.gif) no-repeat;
    overflow: hidden;
    margin: 0 0 10px 0;
}
div#logvisit a:hover {
    background-position: -120px 0;
}

/*----------ADD RECRUIT--------*/
div#addrecruit a {
    width: 120px;
    height: 31px;
    display: block;
    background: url(../images/btn_add_recruit.gif) no-repeat;
    overflow: hidden;
    margin: 0 0 10px 0;
}
div#addrecruit a:hover {
    background-position: -120px 0;
}

/*----------ADD SCHOOL--------*/
div#addschool a {
    width: 120px;
    height: 31px;
    display: block;
    background: url(../images/btn_add_school.gif) no-repeat;
    overflow: hidden;
    margin: 0 0 10px 0;
}
div#addschool a:hover {
    background-position: -120px 0;
}

/*----------ADD CLUB--------*/
div#addclub a {
    width: 120px;
    height: 31px;
    display: block;
    background: url(../images/btn_add_club.gif) no-repeat;
    overflow: hidden;
    margin: 0 0 10px 0;
}
div#addclub a:hover {
    background-position: -120px 0;
}

/*----------PHONE CALL--------*/
div#phonecall a {
    width: 120px;
    height: 31px;
    display: block;
    background: url(../images/btn_phone_call.gif) no-repeat;
    overflow: hidden;
    margin: 0 0 10px 0;
}
div#phonecall a:hover {
    background-position: -120px 0;
}

/*----------EMAIL--------*/
div#sendemail a {
    width: 120px;
    height: 31px;
    display: block;
    background: url(../images/btn_email.gif) no-repeat;
    overflow: hidden;
    margin: 0px 0px 10px 0px;
}
div#sendemail a:hover {
    background-position: -120px 0;
}

/*----------WRITE LETTER--------*/
div#writeletter a {
    width: 120px;
    height: 31px;
    display: block;
    background: url(../images/btn_letter.gif) no-repeat;
    overflow: hidden;
    margin: 0 0 10px 0;
}
div#writeletter a:hover {
    background-position: -120px 0;
}

/*----------ADD NOTE--------*/
div#addnote a {
    width: 120px;
    height: 31px;
    display: block;
    background: url(../images/btn_comment.gif) no-repeat;
    overflow: hidden;
    margin: 0 0 10px 0;
}
div#addnote a:hover {
    background-position: -120px 0;
}

/*----------UPLOAD FILE--------*/
div#uploadfile a {
    width: 120px;
    height: 31px;
    display: block;
    background: url(../images/btn_upload_file.gif) no-repeat;
    overflow: hidden;
    margin: 0 0 10px 0;
}
div#uploadfile a:hover {
    background-position: -120px 0;
}

/*----------RATE RECRUIT--------*/
div#raterecruit a {
    width: 120px;
    height: 31px;
    display: block;
    background: url(../images/btn_rate_recruit.gif) no-repeat;
    overflow: hidden;
    margin: 0 0 10px 0;
}
div#raterecruit a:hover {
    background-position: -120px 0;
}

/*----------CREATE REPORT--------*/
div#createreport a {
    width: 120px;
    height: 31px;
    display: block;
    background: url(../images/btn_create_report.gif) no-repeat;
    overflow: hidden;
    margin: 0 0 10px 0;
}
div#createreport a:hover {
    background-position: -120px 0;
}

/*----------PLUS BUTTON--------*/
div#plus a {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../images/btn_plus.gif) no-repeat;
    overflow: hidden;
    margin:0;
}
div#plus a:hover {
    background-position: -20px 0;
}

/*----------MINUS BUTTON--------*/
div#minus a {
    width: 13px;
    height: 13px;
    display: block;
    background: url(../images/btn_minus.gif) no-repeat;
    overflow: hidden;
    margin:0;
}
div#minus a:hover {
    background-position: -13px 0;
}

/*----------PLUS BUTTON--------*/
div#plus a {
    width: 13px;
    height: 13px;
    display: block;
    background: url(../images/btn_plus.gif) no-repeat;
    overflow: hidden;
    margin:0;
}
div#plus a:hover {
    background-position: -13px 0;
}

/*----------DELETE BUTTON--------*/
div#btndelete a {
    width: 40px;
    height: 20px;
    display: block;
    background: url(../images/btn_delete.gif) no-repeat;
    overflow: hidden;
    margin:0;
	float:left;
}
div#btndelete a:hover {
    background-position: -40px 0;
}

/*----------EMAIL BUTTON--------*/
div#btnemail a, a#btnemail {
    width: 40px;
    height: 20px;
    display: block;
    background: url(../images/btn_mass_email.gif) no-repeat;
    overflow: hidden;
    margin-left:10px;
	margin-right:10px;
	float:left;
}
div#btnemail a:hover, a#btnemail:hover {
    background-position: -40px 0;
}

/*----------MOVE ASSIGN--------*/
div#btnassign a, a#btnassign {
    width: 45px;
    height: 20px;
    display: block;
    background: url(../images/btn_assign.gif) no-repeat;
    overflow: hidden;
    margin:0;
	float:left;
	/*margin-left:10px;*/
}
div#btnassign a:hover, a#btnassign:hover {
    background-position: -45px 0;
}

/*----------EXPORT BUTTON--------*/
#btnexport {
	float:left;
	margin-right:10px;
}

div#btnexport a {
	width: 87px;
    height: 20px;
    display: block;
    background: url(../images/btn_export.gif) no-repeat;
    overflow: hidden;
    margin:0;	
	float:left;
	/*margin-left:10px;*/
}
div#btnexport a:hover {
    background-position: -87px 0;
}

/*----------EDIT BUTTON--------*/
#btnedit {
	float:left;
	margin-right:10px;
}

div#btnedit a {
	width: 28px;
    height: 20px;
    display: block;
    background: url(../images/btn_edit.gif) no-repeat;
    overflow: hidden;
    margin:0;	
	float:left;
	/*margin-left:10px;*/
}
div#btnedit a:hover {
    background-position: -28px 0;
}

/*----------EXPORT AS PDF BUTTON--------*/
#btnexportpdf {
	float:left;
	margin-right:10px;
}

div#btnexportpdf a {
	width: 87px;
    height: 20px;
    display: block;
    background: url(../images/btn_export_pdf.gif) no-repeat;
    overflow: hidden;
    margin:0;	
	float:left;
	/*margin-left:10px;*/
}
div#btnexportpdf a:hover {
    background-position: -87px 0;
}

/*----------SAVE BUTTON--------*/
#btnsavesearch {
	float:left;
}

div#btnsave a {
    width: 37px;
    height: 20px;
    display: block;
    background: url(../images/btn_save.gif) no-repeat;
    overflow: hidden;
	float:left;
}
div#btnsave a:hover {
    background-position: -37px 0;
}

/*----------PRINT BUTTON--------*/
#btnprint {
	float:left;
}

div#btnprint a {
    width: 37px;
    height: 20px;
    display: block;
    background: url(../images/btn_print.gif) no-repeat;
    overflow: hidden;
	float:left;
}
div#btnprint a:hover {
    background-position: -37px 0;
}

/*----------SAVE SEARCH BUTTON--------*/
#btnsavesearch {
	float:right;
}

div#btnsavesearch a {
    width: 76px;
    height: 20px;
    display: block;
    background: url(../images/btn_savesearch.gif) no-repeat;
    overflow: hidden;
    margin:0 5px;
	float:left;
}
div#btnsavesearch a:hover {
    background-position: -76px 0;
}

#newcal {
	width:20px;
	height:19px;
	background: url(../images/cal.gif) no-repeat;
	display:inline-block;
	vertical-align:text-bottom;
}
