/* BUTTONS */
/* ----------------------------------------------- */
a.btn {
	float: left; 
	position: relative; 
	padding: 0 0 0 30px;
	line-height: 25px;
	height: 25px;
	text-decoration: none;
  font-weight:normal;
	color: #333;
	white-space: nowrap;
	padding-right: 10px;
}
a.btn:hover {
	color: #000;
}
a.btn span {
	position: absolute;
	right: 0;
	top: 0;
	background: url(images/buttons/_right.gif) top right no-repeat;
	width: 5px;
	line-height: 25px;
	height: 25px;
}
a.btn:hover span {
	background: url(images/buttons/_right.gif) bottom right no-repeat;
}


/* CUSTOM BUTTONS */
a.add {background: url(images/buttons/add.gif) 0 0 no-repeat;}
a.add:hover {background: url(images/buttons/add.gif) 0 -25px no-repeat;}
a.attend {background: url(images/buttons/attend.gif) 0 0 no-repeat;}
a.attend:hover {background: url(images/buttons/attend.gif) 0 -25px no-repeat;}
a.cancel {background: url(images/buttons/cancel.gif) 0 0 no-repeat; }
a.cancel:hover {background: url(images/buttons/cancel.gif) 0 -25px no-repeat;}
a.delete {background: url(images/buttons/delete.gif) 0 0 no-repeat; }
a.delete:hover {background: url(images/buttons/delete.gif) 0 -25px no-repeat;}
a.edit {background: url(images/buttons/edit.gif) 0 0 no-repeat; }
a.edit:hover {background: url(images/buttons/edit.gif) 0 -25px no-repeat;}
a.email {background: url(images/buttons/email.gif) 0 0 no-repeat; }
a.email:hover {background: url(images/buttons/email.gif) 0 -25px no-repeat;}
a.generate {background: url(images/buttons/generate.gif) 0 0 no-repeat; }
a.generate:hover {background: url(images/buttons/generate.gif) 0 -25px no-repeat;}
a.jobsignup {background: url(images/buttons/jobsignup.gif) 0 0 no-repeat; }
a.jobsignup:hover {background: url(images/buttons/jobsignup.gif) 0 -25px no-repeat;}
a.multiedit {background: url(images/buttons/multiedit.gif) 0 0 no-repeat; }
a.multiedit:hover {background: url(images/buttons/multiedit.gif) 0 -25px no-repeat;}
a.print {background: url(images/buttons/print.gif) 0 0 no-repeat; }
a.print:hover {background: url(images/buttons/print.gif) 0 -25px no-repeat;}
a.report {background: url(images/buttons/report.gif) 0 0 no-repeat; }
a.report:hover {background: url(images/buttons/report.gif) 0 -25px no-repeat;}
a.return {background: url(images/buttons/return.gif) 0 0 no-repeat; }
a.return:hover {background: url(images/buttons/return.gif) 0 -25px no-repeat;}
a.save {background: url(images/buttons/save.gif) 0 0 no-repeat; }
a.save:hover {background: url(images/buttons/save.gif) 0 -25px no-repeat;}
a.search {background: url(images/buttons/search.gif) 0 0 no-repeat; }
a.search:hover {background: url(images/buttons/search.gif) 0 -25px no-repeat;}
a.signin {background: url(images/buttons/signin.gif) 0 0 no-repeat; }
a.signin:hover {background: url(images/buttons/signin.gif) 0 -25px no-repeat;}
a.signout {background: url(images/buttons/signout.gif) 0 0 no-repeat;}
a.signout:hover {background: url(images/buttons/signout.gif) 0 -25px no-repeat;}
a.timer {background: url(images/buttons/timer.gif) 0 0 no-repeat;}
a.timer:hover {background: url(images/buttons/timer.gif) 0 -25px no-repeat;}
a.upload {background: url(images/buttons/upload.gif) 0 0 no-repeat;}
a.upload:hover {background: url(images/buttons/upload.gif) 0 -25px no-repeat;}
a.website {background: url(images/buttons/website.gif) 0 0 no-repeat;}
a.website:hover {background: url(images/buttons/website.gif) 0 -25px no-repeat;}
a.nothing {background: url(images/buttons/nothing.gif) 0 0 no-repeat;}
a.nothing:hover {background: url(images/buttons/nothing.gif) 0 -25px no-repeat;}
a.displayall {background: url(images/buttons/displayall.gif) 0 0 no-repeat; }
a.displayall:hover {background: url(images/buttons/displayall.gif) 0 -25px no-repeat;}


.tabs {
  float: left;
  width: 100%;
  border-bottom: 2px solid #999;
  margin: 0; 
}
.tabs ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}

.tabs li {
  list-style: none;
  float: left;
  background: url(images/tab-off-left.gif) left top no-repeat;
  padding-left: 10px;
  height: 26px;
  line-height: 26px;
  margin: 0 3px 0 0;
}
.tabs li a {
  text-decoration: none;
  float: left;
  background: url(images/tab-off-right.gif) right top no-repeat;
  padding-right: 10px;
  height: 26px;
  line-height: 26px;
  color: #333;
  font-weight: bold;
}
.tabs li a:hover {
  color: #000;
}
.tabs li.focus {
  background: url(images/tab-on-left.gif) left top no-repeat;
}
.tabs li.focus a {
  background: url(images/tab-on-right.gif) right top no-repeat;
}
.tabs li.focus a:hover {
  color: #333;
}