/*-----------------------------------------------------------------------------
version:   1.0.1-Beta
author:    john soms
email:     john@tree-nation.com
website:   http://www.tree-nation.com/
-----------------------------------------------------------------------------*/


/* Large Button Base */
div.btnLarge
{   
    width: 236px;
    height: 77px;
    overflow: hidden;   
    margin: 0 auto;
}

a.btnLarge h2
{
    font-size: 24px;
    margin: 8px 0px 2px 0px;
}

a.btnLarge, a.btnLarge:hover, a.btnLarge:active
{
    display: block;
    width: 210px;
    height: 60px;   
    margin: 4px auto;
    overflow: hidden;    
    color: #FFF;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center; 
}

/* Large buttons */
div.btnLargeRed { background:url(../images/buttons/btn_large_red.gif) 0 0 no-repeat; }
div.btnLargeOrange { background:url(../images/buttons/btn_large_orange.gif) 0 0 no-repeat; }
div.btnLargeGreen { background:url(../images/buttons/btn_large_green.gif) 0 0 no-repeat; }
div.btnLargeBlue { background:url(../images/buttons/btn_large_lightblue.gif) 0 0 no-repeat; }

/* Small Button Base */
/*div.btnSmall





a.btnSmallRed, a.btnSmallRed:hover, a.btnSmallRed:active
{
	background:url(../images/buttons/btn_small_red.gif) 0 0 no-repeat;
	width: 80px;
	height: 75px;
	line-height: 20px;
	display: block;
	color: #FFF;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	text-decoration: none;
	text-align: center;	
}

a.btnSmallRed span, a.btnSmallRed span:hover
{
	display: block;
	margin: 15px auto;
	padding: 3px;
	text-decoration: none;
}*/







/* =Small Green Button
-----------------------------------------------------------------------------*/
/*a.btnSmallGreen, a.btnSmallGreen:hover, a.btnSmallGreen:active
{
	background:url(../images/buttons/btn_small_green.gif) 0 0 no-repeat;
	width: 80px;
	height: 75px;

	line-height: 20px;
	display: block;
	color: #FFF;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	text-decoration: none;
	text-align: center;	
}

a.btnSmallGreen span, a.btnSmallGreen span:hover
{
	display: block;
	margin: 15px auto;
	padding: 3px;
	text-decoration: none;
}*/


/* =Small LightBlue Button
-----------------------------------------------------------------------------*/
/*a.btnSmallLightBlue, a.btnSmallLightBlue:hover, a.btnSmallLightBlue:active
{
	background:url(../images/buttons/btn_small_lightblue.gif) 0 0 no-repeat;
	width: 80px;
	
	height: 75px;
	display: block;
	color: #FFF;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	text-decoration: none;
	text-align: center;	
}

a.btnSmallLightBlue span, a.btnSmallLightBlue span:hover
{
	display: block;
	margin: 15px auto;
	padding: 3px;
	text-decoration: none;
}*/


/* =Small & large Orange Button
-----------------------------------------------------------------------------*/
/*a.btnSmallOrange, a.btnSmallOrange:hover, a.btnSmallOrange:active
{
	background:url(../images/buttons/btn_small_orange.gif) 0 0 no-repeat;
	width: 80px;
	height: 75px;
	display: block;
	padding: 6px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;	
}

a.btnSmallOrange span, a.btnSmallOrange span:hover
{
	display: block;
	margin: 15px auto;
	padding: 3px;
	text-decoration: none;
}*/




/* =Small btnGreenLarge
-----------------------------------------------------------------------------*/



/* =Green Button
-----------------------------------------------------------------------------*/
a.btnGreen, span.btnGreen, del.btnGreen 
{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;

	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	
	background:url(../images/buttons/btn_green.gif) no-repeat;
	
	height:24px;
	text-decoration:none;
	color:#FFF;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;

	zoom:1;
	
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.btnGreen span, span.btnGreen btnGreen, span.btnGreen input, del.btnGreen span {
	font-weight:bold;
	white-space:nowrap;
	cursor:pointer;
	color: #FFF;

	display:-moz-inline-box;
	display:inline-block;
	font: Arial;
	font-size:12px;
	background:url(../images/buttons/btn_green.gif) 100% 0 no-repeat;
	height:24px;
	padding:3px 10px 0 0;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	
	zoom:1;
	_position:relative;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}

del.btnGreen {
	cursor:not-allowed;	
	/*background-position:0 -120px;*/
	color:#888;
}
del.btnGreen span {
	cursor:default;
	/*background-position:100% -120px;*/
}

span.btnGreen btnGreen, span.btnGreen input {
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.btnGreen:visited{
	color:#000;
}
*/


/*Hover Style*/

a.btnGreen:hover, span.btnGreen:hover, 
span.btnGreen-behavior-hover {
	/*background-position:0 -60px;*/
	color:#222;
	text-decoration:none;
}

a.btnGreen:hover span, span.btnGreen:hover btnGreen, 
span.btnGreen-behavior-hover btnGreen, span.btnGreen-behavior-hover input {
	/*background-position:100% -60px;*/
}

a.btnGreen:active, a.btnGreen:focus span {
	color:#666;
}

del.btnGreen-behavior-hover, del.btnGreen:hover {
	/*background-position:0 -180px;*/
	cursor:not-allowed;
}

del.btnGreen-behavior-hover span, del.btnGreen:hover span {
	/*background-position:100% -180px;*/
	cursor:not-allowed;
}

/* =Grey Button
-----------------------------------------------------------------------------*/
a.btnGrey, span.btnGrey, del.btnGrey {
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;

	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	
	background:url(../images/buttons/btn_grey.gif) no-repeat;
	
	height:24px;
	text-decoration:none;
	color:#FFF;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;

	zoom:1;
	
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.btnGrey span, span.btnGrey btnGrey, span.btnGrey input, del.btnGrey span {
	font-weight:bold;
	white-space:nowrap;
	cursor:pointer;
	color: #FFF;

	display:-moz-inline-box;
	display:inline-block;
	font: Arial;
	font-size:12px;
	background:url(../images/buttons/btn_grey.gif) 100% 0 no-repeat;
	height:24px;
	padding:3px 10px 0 0;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	
	zoom:1;
	_position:relative;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}

del.btnGrey {
	cursor:not-allowed;	
	/*background-position:0 -120px;*/
	color:#888;
}
del.btnGrey span {
	cursor:default;
	/*background-position:100% -120px;*/
}

span.btnGrey btnGrey, span.btnGrey input {
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.btnGrey:visited{
	color:#000;
}
*/


/*Hover Style*/

a.btnGrey:hover, span.btnGrey:hover, 
span.btnGreen-behavior-hover {
	/*background-position:0 -60px;*/
	color:#222;
	text-decoration:none;
}

a.btnGrey:hover span, span.btnGrey:hover btnGrey, 
span.btnGrey-behavior-hover btnGrey, span.btnGrey-behavior-hover input {
	/*background-position:100% -60px;*/
}

a.btnGrey:active, a.btnGrey:focus span {
	color:#CC6600;
}

del.btnGrey-behavior-hover, del.btnGrey:hover {
	/*background-position:0 -180px;*/
	cursor:not-allowed;
}

del.btnGrey-behavior-hover span, del.btnGrey:hover span {
	/*background-position:100% -180px;*/
	cursor:not-allowed;
}

/* =Tiny Grey Button
-----------------------------------------------------------------------------*/
a.btnTinyGrey, span.btnTinyGrey, del.btnTinyGrey {
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;

	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	
	background:url(../images/buttons/btn_tiny_grey_long.gif) no-repeat;
	
	height:15px;
	text-decoration:none;
	color:#FFF;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;

	zoom:1;
	
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.btnTinyGrey span, span.btnTinyGrey btnTinyGrey, span.btnTinyGrey input, del.btnTinyGrey span {
	font-weight:bold;
	white-space:nowrap;
	cursor:pointer;
	color: #FFF;

	display:-moz-inline-box;
	display:inline-block;
	font: Arial;
	font-size:12px;
	background:url(../images/buttons/btn_tiny_grey_long.gif) 100% 0 no-repeat;
	height:15px;
	padding:1px 10px 0 0;
	margin:0px -16px 0 10px;
	border:none;
	vertical-align:text-top;
	
	zoom:1;
	_position:relative;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}

del.btnTinyGrey {
	cursor:not-allowed;	
	/*background-position:0 -120px;*/
	color:#888;
}
del.btnTinyGrey span {
	cursor:default;
	/*background-position:100% -120px;*/
}

span.btnTinyGrey btnTinyGrey, span.btnTinyGrey input {
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.btnTinyGrey:visited{
	color:#000;
}
*/


/*Hover Style*/

a.btnTinyGrey:hover, span.btnTinyGrey:hover, 
span.btnGreen-behavior-hover {
	/*background-position:0 -60px;*/
	color:#222;
	text-decoration:none;
}

a.btnTinyGrey:hover span, span.btnTinyGrey:hover btnTinyGrey, 
span.btnTinyGrey-behavior-hover btnTinyGrey, span.btnTinyGrey-behavior-hover input {
	/*background-position:100% -60px;*/
}

a.btnTinyGrey:active, a.btnTinyGrey:focus span {
	color:#CC6600;
}

del.btnTinyGrey-behavior-hover, del.btnTinyGrey:hover {
	/*background-position:0 -180px;*/
	cursor:not-allowed;
}

del.btnTinyGrey-behavior-hover span, del.btnTinyGrey:hover span {
	/*background-position:100% -180px;*/
	cursor:not-allowed;
}


/* =Tiny Green Button
-----------------------------------------------------------------------------*/
a.btnTinyGreen, span.btnTinyGreen, del.btnTinyGreen {
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;

	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	
	background:url(../images/buttons/btn_tiny_green_long.gif) no-repeat;
	
	height:15px;
	text-decoration:none;
	color:#FFF;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;

	zoom:1;
	
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.btnTinyGreen span, span.btnTinyGreen btnTinyGreen, span.btnTinyGreen input, del.btnTinyGreen span {
	font-weight:bold;
	white-space:nowrap;
	cursor:pointer;
	color: #FFF;

	display:-moz-inline-box;
	display:inline-block;
	font: Arial;
	font-size:12px;
	background:url(../images/buttons/btn_tiny_green_long.gif) 100% 0 no-repeat;
	height:15px;
	padding:1px 8px 0 0;
	margin:0px -16px 0 10px;
	border:none;
	vertical-align:text-top;
	
	zoom:1;
	_position:relative;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}

del.btnTinyGreen {
	cursor:not-allowed;	
	/*background-position:0 -120px;*/
	color:#888;
}
del.btnTinyGreen span {
	cursor:default;
	/*background-position:100% -120px;*/
}

span.btnTinyGreen btnTinyGreen, span.btnTinyGreen input {
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.btnTinyGreen:visited{
	color:#000;
}
*/


/*Hover Style*/

a.btnTinyGreen:hover, span.btnTinyGreen:hover, 
span.btnGreen-behavior-hover {
	/*background-position:0 -60px;*/
	color:#222;
	text-decoration:none;
}

a.btnTinyGreen:hover span, span.btnTinyGreen:hover btnTinyGreen, 
span.btnTinyGreen-behavior-hover btnTinyGreen, span.btnTinyGreen-behavior-hover input {
	/*background-position:100% -60px;*/
}

a.btnTinyGreen:active, a.btnTinyGreen:focus span {
	color:#CC6600;
}

del.btnTinyGreen-behavior-hover, del.btnTinyGreen:hover {
	/*background-position:0 -180px;*/
	cursor:not-allowed;
}

del.btnTinyGreen-behavior-hover span, del.btnTinyGreen:hover span {
	/*background-position:100% -180px;*/
	cursor:not-allowed;
}

/* =Tiny Blue Button
-----------------------------------------------------------------------------*/
a.btnTinyBlue, span.btnTinyBlue, del.btnTinyBlue {
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;

	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	
	background:url(../images/buttons/btn_tiny_blue_long.gif) no-repeat;
	
	height:15px;
	text-decoration:none;
	color:#FFF;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;

	zoom:1;
	
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.btnTinyBlue span, span.btnTinyBlue btnTinyBlue, span.btnTinyBlue input, del.btnTinyBlue span {
	font-weight:bold;
	white-space:nowrap;
	cursor:pointer;
	color: #FFF;

	display:-moz-inline-box;
	display:inline-block;
	font: Arial;
	font-size:11px;
	background:url(../images/buttons/btn_tiny_blue_long.gif) 100% 0 no-repeat;
	height:15px;
	padding:3px 8px 0 0;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	
	zoom:1;
	_position:relative;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}

del.btnTinyBlue {
	cursor:not-allowed;	
	/*background-position:0 -120px;*/
	color:#888;
}
del.btnTinyBlue span {
	cursor:default;
	/*background-position:100% -120px;*/
}

span.btnTinyBlue btnTinyBlue, span.btnTinyBlue input {
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.btnTinyBlue:visited{
	color:#000;
}
*/


/*Hover Style*/

a.btnTinyBlue:hover, span.btnTinyBlue:hover, 
span.btnGreen-behavior-hover {
	/*background-position:0 -60px;*/
	color:#222;
	text-decoration:none;
}

a.btnTinyBlue:hover span, span.btnTinyBlue:hover btnTinyBlue, 
span.btnTinyBlue-behavior-hover btnTinyBlue, span.btnTinyBlue-behavior-hover input {
	/*background-position:100% -60px;*/
}

a.btnTinyBlue:active, a.btnTinyBlue:focus span {
	color:#CC6600;
}

del.btnTinyBlue-behavior-hover, del.btnTinyBlue:hover {
	/*background-position:0 -180px;*/
	cursor:not-allowed;
}

del.btnTinyBlue-behavior-hover span, del.btnTinyBlue:hover span {
	/*background-position:100% -180px;*/
	cursor:not-allowed;
}

/* =n_submit Button
-----------------------------------------------------------------------------*/
a.n_submit, span.n_submit, del.n_submit {
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;

	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	
	background:url(../images/buttons/btn0.gif) no-repeat;
	
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;

	zoom:1;
	
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.n_submit span, span.n_submit n_submit, del.n_submit span {
	font-weight:bold;	
	white-space:nowrap;
	cursor:pointer;

	display:-moz-inline-box;
	display:inline-block;
	font: Arial;
	font-size:12px;
	background:url(../images/buttons/btn0.gif) 100% 0 no-repeat;
	height:30px;
	padding:8px 10px 0 0;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	
	zoom:1;
	_position:relative;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}

del.n_submit {
	cursor:not-allowed;	
	background-position:0 -120px;
	color:#888;
}
del.n_submit span {
	cursor:default;
	background-position:100% -120px;
}

span.n_submit n_submit {
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.n_submit:hover, span.n_submit:hover,  
span.n_submit-behavior-hover {
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}

a.n_submit:hover span, span.n_submit:hover n_submit, 
span.n_submit-behavior-hover n_submit, span.n_submit-behavior-hover input {
	background-position:100% -60px;
}

a.n_submit:active, a.n_submit:focus span {
	color:#3366FF;
}

del.n_submit-behavior-hover, del.n_submit:hover {
	background-position:0 -180px;
	cursor:not-allowed;
}

del.n_submit-behavior-hover span, del.n_submit:hover span {
	background-position:100% -180px;
	cursor:not-allowed;
}

/* =btn1 Button
-----------------------------------------------------------------------------*/
a.btn1, span.btn1, del.btn1 {
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;

	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	
	background:url(../images/buttons/btn1.gif) no-repeat;
	
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;

	zoom:1;
	
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.btn1 span, span.btn1 btn1, span.btn1 input, del.btn1 span {
	font-weight:bold;
	white-space:nowrap;
	cursor:pointer;
	color: #ff9900;

	display:-moz-inline-box;
	display:inline-block;
	font: Arial;
	font-size:12px;
	background:url(../images/buttons/btn1.gif) 100% 0 no-repeat;
	height:30px;
	padding:8px 10px 0 0;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	
	zoom:1;
	_position:relative;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}

del.btn1 {
	cursor:not-allowed;	
	background-position:0 -120px;
	color:#888;
}
del.btn1 span {
	cursor:default;
	background-position:100% -120px;
}

span.btn1 btn1, span.btn1 input {
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.btn1:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.btn1:hover, span.btn1:hover, 
span.btn1-behavior-hover {
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}

a.btn1:hover span, span.btn1:hover btn1, 
span.btn1-behavior-hover btn1, span.btn1-behavior-hover input {
	background-position:100% -60px;
}

a.btn1:active, a.btn1:focus span {
	color:#CC6600;
}

del.btn1-behavior-hover, del.btn1:hover {
	background-position:0 -180px;
	cursor:not-allowed;
}

del.btn1-behavior-hover span, del.btn1:hover span {
	background-position:100% -180px;
	cursor:not-allowed;
}







/* =btn2 Button
-----------------------------------------------------------------------------*/
a.btn2, span.btn2, del.btn2 {
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;

	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	
	background:url(../images/buttons/btn2.gif) no-repeat;
	
	height:30px;
	text-decoration:none;
	color:#fff;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;

	zoom:1;
	
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.btn2 span, span.btn2 btn2, span.btn2 input, del.btn2 span {
	font-weight:bold;
	white-space:nowrap;
	cursor:pointer;
	color: #fff;

	display:-moz-inline-box;
	display:inline-block;
	font: Arial;
	font-size:16px;
	background:url(../images/buttons/btn2.gif) 100% 0 no-repeat;
	height:30px;
	padding:7px 10px 0 0;
	margin:0 -20px 0 10px;
	border:none;
	vertical-align:text-top;
	
	zoom:1;
	_position:relative;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}

del.btn2 {
	cursor:not-allowed;	
	background-position:0 -120px;
	color:#888;
}
del.btn2 span {
	cursor:default;
	background-position:100% -120px;
}

span.btn2 btn2, span.btn2 input {
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.btn2:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.btn2:hover, span.btn2:hover, 
span.btn2-behavior-hover {
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}

a.btn2:hover span, span.btn2:hover btn2, 
span.btn2-behavior-hover btn2, span.btn2-behavior-hover input {
	background-position:100% -60px;
}

a.btn2:active, a.btn2:focus span {
	color:#CC6600;
}

del.btn2-behavior-hover, del.btn2:hover {
	background-position:0 -180px;
	cursor:not-allowed;
}

del.btn2-behavior-hover span, del.btn2:hover span {
	background-position:100% -180px;
	cursor:not-allowed;
}



/* =btn3 Button
-----------------------------------------------------------------------------*/
a.btn3, span.btn3, del.btn3 {
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;

	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	
	background:url(../images/buttons/btn3.gif) no-repeat;
	
	height:30px;
	text-decoration:none;
	color:#fff;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;

	zoom:1;
	
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.btn3 span, span.btn3 btn3, span.btn3 input, del.btn3 span {
	font-weight:bold;
	white-space:nowrap;
	cursor:pointer;
	color: #fff;

	display:-moz-inline-box;
	display:inline-block;
	font: Arial;
	font-size:12px;
	background:url(../images/buttons/btn3.gif) 100% 0 no-repeat;
	height:30px;
	padding:8px 10px 0 0;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	
	zoom:1;
	_position:relative;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}

del.btn3 {
	cursor:not-allowed;	
	background-position:0 -120px;
	color:#888;
}
del.btn3 span {
	cursor:default;
	background-position:100% -120px;
}

span.btn3 btn3, span.btn3 input {
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.btn3:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.btn3:hover, span.btn3:hover, 
span.btn3-behavior-hover {
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}

a.btn3:hover span, span.btn3:hover btn3, 
span.btn3-behavior-hover btn3, span.btn3-behavior-hover input {
	background-position:100% -60px;
}

a.btn3:active, a.btn3:focus span {
	color:#CC6600;
}

del.btn3-behavior-hover, del.btn3:hover {
	background-position:0 -180px;
	cursor:not-allowed;
}

del.btn3-behavior-hover span, del.btn3:hover span {
	background-position:100% -180px;
	cursor:not-allowed;
}


/* =btn4 Button
-----------------------------------------------------------------------------*/
a.btn4, span.btn4, del.btn4 {
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;

	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	
	background:url(../images/buttons/btn4.gif) no-repeat;
	
	height:30px;
	text-decoration:none;
	color:#fff;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;

	zoom:1;
	
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.btn4 span, span.btn4 btn4, span.btn4 input, del.btn4 span {
	font-weight:bold;
	white-space:nowrap;
	cursor:pointer;
	color: #fff;

	display:-moz-inline-box;
	display:inline-block;
	font: Arial;
	font-size:16px;
	background:url(../images/buttons/btn4.gif) 100% 0 no-repeat;
	height:30px;
	padding:7px 10px 0 0;
	margin:0 -20px 0 10px;
	border:none;
	vertical-align:text-top;
	
	zoom:1;
	_position:relative;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}

del.btn4 {
	cursor:not-allowed;	
	background-position:0 -120px;
	color:#888;
}
del.btn4 span {
	cursor:default;
	background-position:100% -120px;
}

span.btn4 btn4, span.btn4 input {
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.btn4:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.btn4:hover, span.btn4:hover, 
span.btn4-behavior-hover {
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}

a.btn4:hover span, span.btn4:hover btn4, 
span.btn4-behavior-hover btn4, span.btn4-behavior-hover input {
	background-position:100% -60px;
}

a.btn4:active, a.btn4:focus span {
	color:#CC6600;
}

del.btn4-behavior-hover, del.btn4:hover {
	background-position:0 -180px;
	cursor:not-allowed;
}

del.btn4-behavior-hover span, del.btn4:hover span {
	background-position:100% -180px;
	cursor:not-allowed;
}


/* =long green Button
-----------------------------------------------------------------------------*/
a.btnLongGreen, span.btnLongGreen, del.btnLongGreen {
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;

	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	
	background:url(../images/buttons/btn_long_green.gif) no-repeat;
	
	height:24px;
	text-decoration:none;
	color:#fff;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;

	zoom:1;
	
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.btnLongGreen span, span.btnLongGreen btnLongGreen, span.btnLongGreen input, del.btnLongGreen span {
	font-weight:bold;
	white-space:nowrap;
	cursor:pointer;
	color: #fff;

	display:-moz-inline-box;
	display:inline-block;
	font: Arial;
	font-size:12px;
	background:url(../images/buttons/btn_long_green.gif) 100% 0 no-repeat;
	height:24px;
	padding:6px 10px 0 0;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	
	zoom:1;
	_position:relative;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}

del.btnLongGreen {
	cursor:not-allowed;	
	background-position:0 -120px;
	color:#888;
}
del.btnLongGreen span {
	cursor:default;
	background-position:100% -120px;
}

span.btnLongGreen btnLongGreen, span.btnLongGreen input {
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.btnLongGreen:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.btnLongGreen:hover, span.btnLongGreen:hover, 
span.btnLongGreen-behavior-hover {
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}

a.btnLongGreen:hover span, span.btnLongGreen:hover btnLongGreen, 
span.btnLongGreen-behavior-hover btnLongGreen, span.btnLongGreen-behavior-hover input {
	background-position:100% -60px;
}

a.btnLongGreen:active, a.btnLongGreen:focus span {
	color: #fff;
}

del.btnLongGreen-behavior-hover, del.btnLongGreen:hover {
	background-position:0 -180px;
	cursor:not-allowed;
}

del.btnLongGreen-behavior-hover span, del.btnLongGreen:hover span {
	background-position:100% -180px;
	cursor:not-allowed;
}

/* =long red Button
-----------------------------------------------------------------------------*/
a.btnLongRed, span.btnLongRed, del.btnLongRed {
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;

	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	
	background:url(../images/buttons/btn_long_red.gif) no-repeat;
	
	height:24px;
	text-decoration:none;
	color:#fff;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;

	zoom:1;
	
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.btnLongRed span, span.btnLongRed btnLongRed, span.btnLongRed input, del.btnLongRed span {
	font-weight:bold;
	white-space:nowrap;
	cursor:pointer;
	color: #fff;

	display:-moz-inline-box;
	display:inline-block;
	font: Arial;
	font-size:12px;
	background:url(../images/buttons/btn_long_red.gif) 100% 0 no-repeat;
	height:24px;
	padding:6px 10px 0 0;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	
	zoom:1;
	_position:relative;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}

del.btnLongRed {
	cursor:not-allowed;	
	background-position:0 -120px;
	color:#888;
}
del.btnLongRed span {
	cursor:default;
	background-position:100% -120px;
}

span.btnLongRed btnLongRed, span.btnLongRed input {
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.btnLongRed:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.btnLongRed:hover, span.btnLongRed:hover, 
span.btnLongRed-behavior-hover {
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}

a.btnLongRed:hover span, span.btnLongRed:hover btnLongRed, 
span.btnLongRed-behavior-hover btnLongRed, span.btnLongRed-behavior-hover input {
	background-position:100% -60px;
}

a.btnLongRed:active, a.btnLongRed:focus span {
	color: #fff;
}

del.btnLongRed-behavior-hover, del.btnLongRed:hover {
	background-position:0 -180px;
	cursor:not-allowed;
}

del.btnLongRed-behavior-hover span, del.btnLongRed:hover span {
	background-position:100% -180px;
	cursor:not-allowed;
}