.cssButton 
{
	/*Hidden until shown by javascript*/
	display: none; 
}
.cssButton div
{
	cursor: pointer;
	border: solid 0px #000000;
	display:-moz-inline-stack;
    display:inline-block;
    /*IE does not understand inline-block*/
    *zoom:1;
    *display:inline;
	padding: 0px;
	margin: 0px;
	position: relative;
	-moz-user-select: none;
	user-select: none;
}
.cssButton div.cssButton0
{
	margin-top: 2px;
	margin-bottom: 2px;
}
.cssButton div.cssButton2
{
	padding: 0px 2px 0px 2px;
	margin-top: -1px;
	margin-bottom: -1px;
}
.cssButton div.cssButton3
{
	margin-top: -2px;
	margin-bottom: -2px;
}
.cssButton div.cssButton4
{
	top: 1px;
}
.cssButton div.cssButtonText
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
	*display: inline;
	font-size: 120%;
	white-space: nowrap;
}
.cssButton div.horizontalBorders
{
	border-top-width: 1px;
	border-bottom-width: 1px;
}
.cssButton div.verticalBorders
{
	border-left-width: 1px;
	border-right-width: 1px;
}

/*Hover effects*/
div.cssButtonHover div.cssButton0 
{
    border-left-width: 2px;
    border-right-width: 2px;
}
.cssButtonHover div.cssButton2
{
	padding: 0px 1px 0px 1px;
}
/*Prevent these hover effects in FF2*/
div.cssButtonHover div.cssButton0, x:-moz-any-link
{
    border-left-width: 1px;
    border-right-width: 1px;
}
.cssButtonHover div.cssButton2, x:-moz-any-link
{
	padding: 0px 2px 0px 2px;
}
/*Enable them back for FF3*/
div.cssButtonHover div.cssButton0, x:-moz-any-link, x:default 
{
    border-left-width: 2px;
    border-right-width: 2px;
}
.cssButtonHover div.cssButton2, x:-moz-any-link, x:default
{
	padding: 0px 1px 0px 1px;
}

.CssButtonDefault .buttonBorder1
{
	border-color: #aaaaaa;
	border-bottom-color: #666666;
	border-right-color: #777777;
}
.CssButtonDefaultHover div.buttonBorder1
{
	border-color: #999999;
	border-bottom-color: #222222;
	border-right-color: #6b6b6b;
}
.CssButtonDefault .buttonBorder2
{
	border-color: #e3e3e3;
	border-bottom-color: #bbbbbb;
}
.CssButtonDefaultHover div.buttonBorder2
{
	border-color: #c0c0c0;
	border-bottom-color: #888888;
}
.CssButtonDefault .buttonBackground
{
	background-color: #dddddd;
	color: #222222;
}
.CssButtonDefaultDown div.buttonBackground
{
	background-color: #aaaaaa;
}

.CssButtonAdd .buttonBorder1
{
	border-color: #aaaaaa;
	border-bottom-color: #666666;
	border-right-color: #777777;
}
.CssButtonAddHover div.buttonBorder1
{
	border-color: #999999;
	border-bottom-color: #222222;
	border-right-color: #6b6b6b;
}
.CssButtonAdd .buttonBorder2
{
	border-color: #e3e3e3;
	border-bottom-color: #bbbbbb;
}
.CssButtonAddHover div.buttonBorder2
{
	border-color: #cacaca;
	border-bottom-color: #888888;
}
.CssButtonAdd .buttonBackground
{
	background-color: #dddddd;
	color: #222222;
}
.CssButtonAddDown div.buttonBackground
{
	background-color: #aaaaaa;
}
.CssButtonAdd div.cssButtonText
{
	padding: 5px 0px 5px 20px;
	background-image: url('../Images/plus.png');
	background-repeat: no-repeat;
	background-position: 5% 50%;
}
	
.CssButtonBig .buttonBorder1
{
	border-color: #aaaaaa;
	border-bottom-color: #666666;
	border-right-color: #777777;
}
.CssButtonBigHover div.buttonBorder1
{
	border-color: #999999;
	border-bottom-color: #222222;
	border-right-color: #6b6b6b;
}
.CssButtonBig .buttonBorder2
{
	border-color: #e3e3e3;
	border-bottom-color: #bbbbbb;
}
.CssButtonBigHover div.buttonBorder2
{
	border-color: #cacaca;
	border-bottom-color: #888888;
}
.CssButtonBig .buttonBackground
{
	background-color: #dddddd;
	color: #222222;
}
.CssButtonBigDown div.buttonBackground
{
	background-color: #aaaaaa;
}
.CssButtonBig div.cssButtonText
{
	padding: 5px 0px 5px 0px;
}


.CssButtonNext .buttonBorder1
{
	border-color: #689042;
	border-left-color: #597b39;
	border-bottom-color: #597b39;
	border-right-color: #597b39;
	
}
.CssButtonNextHover div.buttonBorder1
{
	border-color: #48642e;
	border-left-color: #597b39;
	border-bottom-color: #364b22;
	border-right-color: #4c6930;
}
.CssButtonNext .buttonBorder2
{
	border-color: #76a44b;
	border-bottom-color: #76a44b;
}
.CssButtonNextHover div.buttonBorder2
{
	border-color: #6d9746;
	border-bottom-color: #5e833c;
}
.CssButtonNext .buttonBackground
{
	color: #ffffff;
	background-color: #87bb56;
}
.CssButtonNextDown div.buttonBackground 
{
	background-color: #49662f;
}
.CssButtonNext div.cssButtonText
{
	padding: 5px 23px 5px 0px;
	background-image: url('../Images/fastforward.png');
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.CssButtonNextHover div.cssButtonText
{
	background-image: url('../Images/fastforward2.gif');
}


.CssButtonGreyNext .buttonBorder1
{
	border-color: #aaaaaa;
	border-bottom-color: #666666;
	border-right-color: #777777;
}
.CssButtonGreyNextHover div.buttonBorder1
{
	border-color: #999999;
	border-bottom-color: #222222;
	border-right-color: #6b6b6b;
}
.CssButtonGreyNext .buttonBorder2
{
	border-color: #cacaca;
	border-bottom-color: #bbbbbb;
}
.CssButtonGreyNextHover div.buttonBorder2
{
	border-color: #b3b3b3;
	border-bottom-color: #888888;
}
.CssButtonGreyNext .buttonBackground
{
	color: #222222;
	background-color: #dcdcdc;
}
.CssButtonGreyNextDown div.buttonBackground 
{
	background-color: #aaaaaa;
}
.CssButtonGreyNext div.cssButtonText
{
	padding: 5px 23px 5px 0px;
	background-image: url('../Images/Icons/fastforward_grey.png');
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.CssButtonGreyNextHover div.cssButtonText
{
	background-image: url('../Images/Icons/fastforward_grey2.gif');
}


.CssButtonGreyBack .buttonBorder1
{
	border-color: #aaaaaa;
	border-bottom-color: #666666;
	border-right-color: #777777;
}
.CssButtonGreyBackHover div.buttonBorder1
{
	border-color: #999999;
	border-bottom-color: #222222;
	border-right-color: #6b6b6b;
}
.CssButtonGreyBack .buttonBorder2
{
	border-color: #cacaca;
	border-bottom-color: #bbbbbb;
}
.CssButtonGreyBackHover div.buttonBorder2
{
	border-color: #b3b3b3;
	border-bottom-color: #888888;
}
.CssButtonGreyBack .buttonBackground
{
	color: #222222;
	background-color: #dcdcdc;
}
.CssButtonGreyBackDown div.buttonBackground 
{
	background-color: #aaaaaa;
}
.CssButtonGreyBack div.cssButtonText
{
	padding: 5px 0px 5px 23px;
	background-image: url('../Images/Icons/rewind_grey.png');
	background-repeat: no-repeat;
	background-position: 5% 50%;
}
.CssButtonGreyBackHover div.cssButtonText
{
	background-image: url('../Images/Icons/rewind_grey2.gif');
}