DIV{-moz-box-sizing:border-box;}


a.button, a.buttonDis, a.chosen 
{
  -moz-box-sizing:border-box;
  display: block;
  background-color: transparent;
  background-image: url(/Portal/images/buttonBackground.png);
  background-repeat: no-repeat;
  width: 120px;
  height: 60px; /* top padding is 12, 63+12 = 75; used to vertically align text*/
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  text-align: left;
  font-weight: bold;
  font-family: Calibri, Arial, sans-serif;
  color:White;
  font-size: 100%;
  text-decoration: none;
  text-align: center;
  marker-offset: 12px;
}

a.button:link, a.button:visited {
  color: White;
}

a.logoffbutton {
  display: block;
  background-color: transparent;
  background-image: url(logoff.jpg);
  background-repeat: no-repeat;
  width: 65px;
  height: 18px;
  margin: 0px 0px 0px 0px;
  padding: 5px 0 0 5px;
  text-align: left;
  font-family: Times New Roman, Times, serif;
  font-size: 80%;
  text-decoration: none;	
}

a.button:hover {
  background-position: 0 -75px;
  color: #000000;
  cursor: pointer;
  cursor: hand;
}

a.button:active {
  background-position: 0 -75px;
  color: #FFFFFF;
}

a.chosen:link, a.chosen:visited, a.chosen:hover, a.chosen:active {
  background-position: 0 -75px;
  color: #000000;
  cursor: pointer;
  cursor: hand;

}

a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
  background-position: 0 0;
  color: #5F5F5F;
  cursor: default;
}

.icon {
	display: inline-block;
	background-repeat: no-repeat;
	padding: 0 0 5px 18px;
}

a.button:hover .icon, a.button:active .icon {
  background-position: 0 0;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
  background-position: 0 0;
}

/* list of button icons */
#buttonSigCap .icon {
  background-image: url(sigcap16.gif);
}
#buttonCancel .icon {
  background-image: url(cancel.gif);
}

#buttonImport .icon {
  background-image: url(import.gif);
}

.pagebutton
{
  display: block;
  cursor: pointer;
  text-align: center;
  font-family: arial, helvetica, sans-serif; 
  font-size: 10px; 
  font-weight: bold; 
  color: #ffffff;
  padding-top: 2px;
  height: 16px;
  width: 56px;
  background-image: url(purplebutton.gif);
  background-repeat: no-repeat;

  -moz-box-sizing:border-box;
  background-color: transparent;
  text-decoration: none;
}
.nextpagebutton
{
  display: block;
  cursor: pointer;
  text-align: center;
  font-family: arial, helvetica, sans-serif; 
  font-size: 10px; 
  font-weight: bold; 
  color: #ffffff;
  padding-top: 2px;
  padding-bottom: 2px;
  height: 26px;
  width:75px;
  background-image: url(next.gif);
  background-repeat: no-repeat;
  border-style : none;
  /*-moz-box-sizing:border-box;*/
  background-color: transparent;
  text-decoration: none;
}

.prevpagebutton
{
  display: block;
  cursor: pointer;
  text-align: center;
  font-family: arial, helvetica, sans-serif; 
  font-size: 10px; 
  font-weight: bold; 
  color: #ffffff;
  padding-top: 2px;
  padding-bottom: 2px;
  height: 22px;
  width: 75px;
  background-image: url(previous.gif);
  background-repeat: no-repeat;
  border-style: none;
  -moz-box-sizing:border-box;
  background-color: transparent;
  text-decoration: none;
}

.donepagebutton
{
  display: block;
  cursor: pointer;
  text-align: center;
  font-family: arial, helvetica, sans-serif; 
  font-size: 10px; 
  font-weight: bold; 
  color: #ffffff;
  padding-top: 2px;
  padding-bottom: 2px;
  height: 22px;
  width: 75px;
  background-image: url(done.gif);
  background-repeat: no-repeat;
  border-style: none;
  -moz-box-sizing:border-box;
  background-color: transparent;
  text-decoration: none;
}
.clearpagebutton
{
  display: block;
  cursor: pointer;
  text-align: center;
  font-family: arial, helvetica, sans-serif; 
  font-size: 10px; 
  font-weight: bold; 
  color: #ffffff;
  padding-top: 2px;
  padding-bottom: 10px;
  height: 22px;
  width: 75px;
  background-image: url(clear.gif);
  background-repeat: no-repeat;
  border-style: none;
  -moz-box-sizing:border-box;
  background-color: transparent;
  text-decoration: none;
}

.searchpagebutton
{
  display: block;
  cursor: pointer;
  text-align: center;
  font-family: arial, helvetica, sans-serif; 
  font-size: 10px; 
  font-weight: bold; 
  color: #ffffff;
  padding-top: 2px;
  padding-bottom: 2px;
  height: 22px;
  width: 75px;
  background-image: url(search.gif);
  background-repeat: no-repeat;
  border-style: none;
  -moz-box-sizing:border-box;
  background-color: transparent;
  text-decoration: none;
}

.submitpagebutton
{
  display: block;
  cursor: pointer;
  text-align: center;
  font-family: arial, helvetica, sans-serif; 
  font-size: 10px; 
  font-weight: bold; 
  color: #ffffff;
  padding-top: 2px;
  padding-bottom: 2px;
  height: 22px;
  width: 75px;
  background-image: url(submit.gif);
  background-repeat: no-repeat;
  border-style: none;
  -moz-box-sizing:border-box;
  background-color: transparent;
  text-decoration: none;
}
.searchaddpagebutton
{
  display: block;
  cursor: pointer;
  text-align: center;
  font-family: arial, helvetica, sans-serif; 
  font-size: 10px; 
  font-weight: bold; 
  color: #ffffff;
  padding-top: 2px;
  padding-bottom: 2px;
  height: 22px;
  width: 100px;
  background-image: url(search_add.gif);
  background-repeat: no-repeat;
  border-style: none;
  -moz-box-sizing:border-box;
  background-color: transparent;
  text-decoration: none;
}

.updatewishlistbutton
{
  display: block;
  cursor: pointer;
  text-align: center;
  font-family: arial, helvetica, sans-serif ;
  font-size: 10px; 
  font-weight: bold; 
  color: #ffffff;
  padding-top: 2px;
  height: 23px;
  width: 163px;
  background-image: url(updatewishlist.gif);
  background-repeat: no-repeat;
  -moz-box-sizing:border-box;
  background-color: transparent;
  text-decoration: none;
  border-style: none;
}

.sidebarAnchor
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	width:180px;
	color: #555 !important;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	display:block;
}

.sidebarFirst
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	width:180px;
	font-weight:bold;
	font-size: 12px;
	margin-top:10px;
	display:block;
	/*width:168px;*/
	color: #660099 !important;
	
	text-decoration:none;
}

.sidebarAnchor:hover {
  color: #FF00FF;
}

a.topButton
{
  -moz-box-sizing:border-box;
  display: block;
  background-color: transparent;
  background-repeat: no-repeat;
  width: 118px;
  height: 35px; /* top padding is 12, 63+12 = 75; used to vertically align text*/
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  text-align: left;
  font: normal normal bold 11px Arial; /*normal normal bolder smaller 35px/35px arial;*/
  color:White;
  text-decoration: none;
  text-align: center;
  marker-offset: 12px;
}

.catalogButton
{
	background-image: url(/Portal/images/catalog.gif);
}

.imagesButton
{
	background-image: url(/Portal/images/images.gif);
}

.resourcesButton
{
	background-image: url(/Portal/images/resources.gif);
}

.schoolartsButton
{
	background-image: url(/Portal/images/schoolarts.gif);
}

.contactButton
{
	background-image: url(/Portal/images/contact.gif);
}


a.topButton:hover {
  font-weight: bolder;
  cursor: pointer;
  cursor: hand;
  filter:alpha(opacity=25); /* IE's opacity*/
  opacity:.5; /* Everyone else's opacity */
}

img
{  border-style: none;
}


.purpleLink
{
	color:#660099;
}

a.purpleLink:link, a.purpleLink:visited, a.purpleLink:hover, a.purpleLink:visited:hover, a.purpleLink:visited:hover:after {
  color: #660099; text-decoration:none;
}