﻿


a.buttonLink, a.buttonLink:link, a.buttonLink:visited
{
	display: block;
	height: 40px;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	float: left;
}
a.buttonLink span
{
	display: block;
	float: left;
	height: 28px;
	padding-left: 12px;
	padding-top: 12px;
	background: transparent url(../Images/jss_buttons.png) no-repeat;
	text-align: center;
	cursor: pointer;
}
a.buttonLink:hover
{
	background-position: 0 0; /* IE6 Fix - Force Redraw */
}
a.buttonNext span, a.btnPrevious span, a.btnPrint span
{
	padding-left: 22px;
}

/* Input Styles */
span.buttonInput
{
	position: relative;
	display: inline-block;
	padding: 0 12px 0 0 !important;
}

span.buttonInput input.inputBody
{
	height: 40px;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 2px 2px 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background: transparent url(../Images/jss_buttons.png) no-repeat 0 -280px;
	text-align: center;
	cursor: pointer;
	border: none;
}
span.autoWidthFix input.inputBody
{
    width:auto;
    overflow:visible;
}

span.buttonInput span.inputCap
{
	position: absolute;
	height: 40px;
	width: 12px;
	top: 0;
	padding: 0 !important;
	background: transparent url(../Images/jss_buttons.png) no-repeat right -280px;
}
span.buttonInput:hover input.inputBody
{
	background-position: 0 -320px;
}
span.buttonInput:hover span.inputCap
{
	background-position: right -320px;
}

/* Regular Buttons */

a.buttonLink span.buttonBody, span.buttonInput input.inputBody
{
	background-position: 0 -280px;
}
a.buttonLink span.buttonCap, span.buttonInput span.inputCap
{
	background-position: right -280px;
}
a.buttonLink:hover span.buttonBody, span.buttonInput:hover input.inputBody
{
	background-position: 0 -320px;
}
a.buttonLink:hover span.buttonCap, span.buttonInput:hover span.inputCap
{
	background-position: right -320px;
}
/* Next Button */
a.btnNext span.buttonBody, span.btnNext input.inputBody
{
	background-position: 0 0;
}
a.btnNext span.buttonCap, span.btnNext span.inputCap
{
	background-position: right 0;
}
a.btnNext:hover span.buttonBody, span.btnNext:hover input.inputBody
{
	background-position: 0 -40px;
}
a.btnNext:hover span.buttonCap, span.btnNext:hover span.inputCap
{
	background-position: right -40px;
}
/* Previous Button */
a.btnPrevious span.buttonBody, span.btnPrevious input.inputBody
{
	background-position: 0 -120px;
}
a.btnPrevious span.buttonCap, span.btnPrevious span.inputCap
{
	background-position: right -120px;
}
a.btnPrevious:hover span.buttonBody, span.btnPrevious:hover input.inputBody
{
	background-position: 0 -160px;
}
a.btnPrevious:hover span.buttonCap, span.btnPrevious:hover span.inputCap
{
	background-position: right -160px;
}
/* Active Button */
a.btnActive span.buttonBody, span.btnActive input.inputBody
{
	background-position: 0 -240px;
}
a.btnActive span.buttonCap, span.btnActive span.inputCap
{
	background-position: right -240px;
}
a.btnActive:hover span.buttonBody, span.btnActive:hover input.inputBody
{
	background-position: 0 -400px;
}
a.btnActive:hover span.buttonCap, span.btnActive:hover span.inputCap
{
	background-position: right -400px;
}
/* Print Button */
a.btnPrint span.buttonBody, span.btnPrint input.inputBody
{
	background-position: 0 -840px;
}
a.btnPrint span.buttonCap, span.btnPrint span.inputCap
{
	background-position: right -840px;
}
a.btnPrint:hover span.buttonBody, span.btnPrint:hover input.inputBody
{
	background-position: 0 -880px;
}
a.btnPrint:hover span.buttonCap, span.btnPrint:hover span.inputCap
{
	background-position: right -880px;
}
/* Back Button */
a.btnBack span.buttonBody, span.btnBack input.inputBody
{
	background-position: 0 -680px;
}
a.btnBack span.buttonCap, span.btnBack span.inputCap
{
	background-position: right -680px;
}
a.btnBack:hover span.buttonBody, span.btnBack:hover input.inputBody
{
	background-position: 0 -720px;
}
a.btnBack:hover span.buttonCap, span.btnBack:hover span.inputCap
{
	background-position: right -720px;
}
/* Close Button */
a.btnClose span.buttonBody, span.btnClose input.inputBody
{
	background-position: 0 -600px;
}
a.btnClose span.buttonCap, span.btnClose span.inputCap
{
	background-position: right -600px;
}
a.btnClose:hover span.buttonBody, span.btnClose:hover input.inputBody
{
	background-position: 0 -640px;
}
a.btnClose:hover span.buttonCap, span.btnClose:hover span.inputCap
{
	background-position: right -640px;
}
/* Button Hard Coded Sizes */
a.smlBtn span.buttonBody
{
	width: 40px;
}
a.smlBtn2 span.buttonBody
{
	width: 50px;
}
a.medBtn span.buttonBody
{
	width: 80px;
}
a.lrgBtn span.buttonBody
{
	width: 120px;
}
a.lrgBtn2 span.buttonBody
{
	width: 130px;
}
a.xlrgBtn span.buttonBody
{
	width: 160px;
}
/* Input Hard Coded Sizes */
span.smlBtn input.inputBody
{
	width: 52px;
}
span.smlBtn2 input.inputBody
{
	width: 62px;
}
span.medBtn input.inputBody
{
	width: 92px;
}
span.lrgBtn input.inputBody
{
	width: 132px;
}
span.lrgBtn2 input.inputBody
{
	width: 142px;
}
span.xlrgBtn input.inputBody
{
	width: 172px;
}
span.addBtnLong input.inputBody 
{
    width: 250px;
}

span.backWidth input.inputBody
{
	width: 130px;
}
span.printWidth input.inputBody
{
	width: 100px;
}

span.closeWidth input.inputBody
{
	width: 80px;
}
span.custSize1Btn input.inputBody
{
	width: 142px;
}
/* Previous and Next and Print and Back and Close  */
span.btnPrevious, span.btnNext, span.btnPrint, span.btnBack, span.btnClose
{
	padding-right: 18px !important;
}
span.btnPrevious input.inputBody, span.btnNext input.inputBody
{
	padding-left: 18px !important;
}
span.btnPrevious span.inputCap, span.btnNext span.inputCap
{
	width: 18px;
}

span.btnPrint input.inputBody, span.btnBack input.inputBody
{
	padding-left: 52px !important;
}
span.btnClose input.inputBody
{
	padding-left: 32px !important;
}

a.btnNext span.buttonBody
{
	padding-left: 22px;
}
a.btnNext span.buttonCap
{
	padding-left: 18px;
	padding-right: 10px;
}

a.btnPrevious span.buttonBody, a.btnPrint span.buttonBody, a.btnBack span.buttonBody, a.btnClose span.buttonBody
{
	padding-left: 18px;
	padding-right: 10px;
}
a.btnPrint span.buttonBody, a.btnBack span.buttonBody
{
	padding-left: 55px;
	padding-right: 5px;
}
a.btnClose span.buttonBody
{
	padding-left: 42px;
	padding-right: 5px;
}
/* Disabled Buttons */
a.disabledBtn, a.disabledPrev, a.disabledNext, span.disabledBtn input, span.disabledNext input, span.disabledPrev input
{
	color: #e8e8e8 !important;
	cursor: default !important;
	display: none;
}
a.disabledBtn span, a.disabledPrev span, a.disabledNext span, span.disabledBtn span, span.disabledNext span, span.disabledPrev span
{
	cursor: default !important;
	display: none;
}

/* Default Disabled Buttons */
a.disabledBtn span.buttonBody, span.disabledBtn input.inputBody
{
	background-position: 0 -360px;
}
a.disabledBtn span.buttonCap, span.disabledBtn span.inputCap
{
	background-position: right -360px;
}
a.disabledBtn:hover span.buttonBody, span.disabledBtn:hover input.inputBody
{
	background-position: 0 -360px;
}
a.disabledBtn:hover span.buttonCap, span.disabledBtn:hover span.inputCap
{
	background-position: right -360px;
}
/* Next Disabled Buttons */
a.disabledNext span.buttonBody, span.disabledNext input.inputBody
{
	background-position: 0 -80px;
}
a.disabledNext span.buttonCap, span.disabledNext span.inputCap
{
	background-position: right -80px;
}
a.disabledNext:hover span.buttonBody, span.disabledNext:hover input.inputBody
{
	background-position: 0 -80px;
}
a.disabledNext:hover span.buttonCap, span.disabledNext:hover span.inputCap
{
	background-position: right -80px;
}
/* Prevous Disabled Buttons */
a.disabledPrev span.buttonBody, span.disabledPrev input.inputBody
{
	background-position: 0 -200px;
}
a.disabledPrev span.buttonCap, span.disabledPrev span.inputCap
{
	background-position: right -200px;
}
a.disabledPrev:hover span.buttonBody, span.disabledPrev:hover input.inputBody
{
	background-position: 0 -200px;
}
a.disabledPrev:hover span.buttonCap, span.disabledPrev:hover span.inputCap
{
	background-position: right -200px;
}

span.btnFloatLeft, a.btnFloatLeft
{
	display: block;
	float: left !important;
}

span.btnFloatRight, a.btnFloatRight
{
	display: block;
	float: right !important;
}

span.btnFloatNone, a.btnFloatNone
{
	float: none !important;
}
/* Small Buttons */

a.buttonLinkSm
{
	display: block;
	height: 26px;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	float: left;
	margin: 0 3px;
}
a.buttonLinkSm span
{
	display: block;
	float: left;
	height: 20px;
	padding-left: 12px;
	padding-top: 6px;
	background: transparent url(../Images/jss_buttons_sm.gif) no-repeat;
	text-align: center;
	cursor: pointer;
}
a.buttonLinkSm:hover
{
	background-position: 0 0; /* IE6 Fix */
}

span.buttonInputSm
{
	position: relative;
	display: inline-block;
	padding: 0 12px 0 0 !important;
	margin: 0 3px !important;
	min-height: 0;
}

span.buttonInputSm input.inputBody
{
	height: 26px;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 2px 2px 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background: transparent url(../Images/jss_buttons_sm.gif) no-repeat 0 -36px;
	text-align: center;
	cursor: pointer;
	border: none;
}
span.buttonInputSm span.inputCap
{
	position: absolute;
	height: 26px;
	width: 12px;
	top: 0;
	background: url(../Images/jss_buttons_sm.gif) no-repeat right -36px;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}

/* Regular Narrow Buttons */
a.buttonLinkSm span.buttonBody, span.buttonInputSm input.inputBody
{
	background-position: 0 -52px;
}
a.buttonLinkSm span.buttonCap, span.buttonInputSm span.inputCap
{
	background-position: right -52px;
}
a.buttonLinkSm:hover span.buttonBody, span.buttonInputSm:hover input.inputBody
{
	background-position: 0 -78px;
}
a.buttonLinkSm:hover span.buttonCap, span.buttonInputSm:hover span.inputCap
{
	background-position: right -78px;
}

/* Active Narrow Buttons */
a.btnActiveSm span.buttonBody, span.btnActiveSm input.inputBody
{
	background-position: 0 0;
}
a.btnActiveSm span.buttonCap, span.btnActiveSm span.inputCap
{
	background-position: right 0;
}
a.btnActiveSm:hover span.buttonBody, span.btnActiveSm:hover input.inputBody
{
	background-position: 0 -26px;
}
a.btnActiveSm:hover span.buttonCap, span.btnActiveSm:hover span.inputCap
{
	background-position: right -26px;
}

/* Disabled Narrow Buttons */
a.disabledBtnSm span.buttonBody, span.disabledBtnSm input.inputBody
{
	background-position: 0 -104px;
}
a.disabledBtnSm span.buttonCap, span.disabledBtnSm span.inputCap
{
	background-position: right -104px;
}
a.disabledBtnSm:hover span.buttonBody, span.disabledBtnSm:hover input.inputBody
{
	background-position: 0 -104px;
}
a.disabledBtnSm:hover span.buttonCap, span.disabledBtnSm:hover span.inputCap
{
	background-position: right -104px;
}


/*


        EDIT FROM HERE DOWN!
        Bernadette!!!!!!!

 
    */





.emailButton
{
	background: transparent url(/Images/email.gif) no-repeat left top;
	width: 66px;
	right: 2px;
	margin-left: 8px;
	height: 17px;
	border: none;
	cursor: pointer;
}
.emailButton:hover
{
	background: transparent url(/Images/email_hover.gif) no-repeat left top;
}
span.btnNoMargin 
{
    margin: 0 !important;
}