/* @group Grow Button */
a.grow, a.grow:visited, #t.grow:visited,#t.grow{
	float:left; 
	background:url(/images/qitera/grow_button.png); 
	color:#fff; 
	text-decoration:none; 
	clear:both; 
}
.black a.grow, .black a.grow:visited {
	background:url(/images/qitera/grow_button_on_black.png); 
}
a:hover.grow, #t:hover.grow {
	color:#ff0;
}
a.grow *, #t.grow * {
	display:block; 
}
a.grow b, #t.grow b{
	margin-left:8px; 
	padding:8px 0 0 0; 
	background:url(/images/qitera/grow_button.png) right top;
}
.black a.grow b {
	background:url(/images/qitera/grow_button_on_black.png) right top;
}
a.grow b b, #t.grow b b {
	margin:0 0 0 -8px; 
	padding:0 0 0 16px; 
	background-position: left bottom !important;
}
a.grow b b b, #t.grow b b b {
	padding:2px 16px 10px 8px; /* Style these paddings to change distance to button borders */
	background-position: right bottom !important;
	font-weight:bold;
}	
/* @end */
	
/* @group Buttons */
a.button, span.button, del.button{
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;

	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat: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;	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}
a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(/images/qitera/buttons.png);
    _background-image:url(/images/qitera/buttons.gif);
}
a.button.actions, span.button.actions, del.button.actions,
a.button.actions span, span.button.actions button, span.button.actions input, del.button.actions span{
    background-image:url(/images/qitera/action_buttons.png);
    _background-image:url(/images/qitera/action_buttons.gif);
}
a.button.searchbutton, span.button.searchbutton, del.button.searchbutton,
a.button.searchbutton span, span.button.searchbutton button, span.button.searchbutton input, del.button.searchbutton span{
    background-image:url(/images/qitera/search_buttons.png);
    _background-image:url(/images/qitera/search_buttons.gif);
}
a.button span, span.button button, span.button input, del.button span{
	white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}
a.button.actions, span.button.actions, del.button.actions {
	padding-left: 5px;
}
a.button.actions span, span.button.actions button, span.button.actions input, del.button.actions span{
	padding-right: 30px;
	padding-left: 0px;
}
span.button button{
   line-height:2.5;/*Opera need this*/
}
html.safari a.button span, 
html.safari del.button span{
  line-height:1.3;
}
html.safari span.button button{
  line-height:2.6;
}
html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}
del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
}
del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}
span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}

/*Hover Style*/
/*a.button:hover, 
span.button:hover,
a.button:focus, 
a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}
a.button:hover span, 
span.button:hover button, 
a.button:focus span, 
span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}
a.button:active, a.button:focus span{
	color:#444;
}
del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
}
del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
}*/

/*Clicked Style*/
a.button.clicked, 
span.button.clicked,
a.button.clicked {
	background-position:0 -120px;
	color:#222;
	text-decoration:none;
}
a.button.clicked span, 
span.button.clicked button, 
a.button.clicked span {
	background-position:100% -120px;
}
a.button:active, a.button:focus span{
	color:#444;
}
/* @end */



.r {
background:transparent none repeat-y scroll right center;
}
.l {
background:transparent none repeat-y scroll left center;
}
.t {
background:transparent none repeat-x scroll center top;
}
.b {
background:transparent none repeat-x scroll center bottom;
}
.tl {
background:transparent none no-repeat scroll left top;
}
.tr {
background:transparent none no-repeat scroll right top;
}
.br {
background:transparent none no-repeat scroll right bottom;
}
.bl {
background:transparent none no-repeat scroll left bottom;
}

.button-orange {
cursor:pointer;
font-size:16px;
white-space:nowrap;
}
.button-orange a {
color:white !important;
font-weight:bold;
}
.button-orange a:hover {
text-decoration:none;
}
.button-orange .t {
background-color:#F69B00;
background-image:url(../images/button/button-orange-t.png?v=3);
}
.button-orange .l {
background-image:url(../images/button/button-orange-l.png?v=3);
}
.button-orange .r {
background-image:url(../images/button/button-orange-r.png?v=3);
}
.button-orange .b {
background-image:url(../images/button/button-orange-b.png?v=3);
}
.button-orange .tl {
background-image:url(../images/button/button-orange-tl.png?v=3);
}
.button-orange .tr {
background-image:url(../images/button/button-orange-tr.png?v=3);
}
.button-orange .br {
background-image:url(/images/button/button-orange-br.png?v=3);
}
.button-orange .bl {
background-image:url(/images/button/button-orange-bl.png?v=3);
padding:5px 15px 6px;
}


.buttonarrowright {
	cursor:pointer;
	background-attachment:scroll;
	background-color:#5daf11;
	background-image:url(/images/qitera/arrow_mask.gif);
	background-position:right center;
	background-repeat:no-repeat;
	color:#fff !important;
	float:left;
	font-weight:bold;
	margin-top:0px;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:20px;
	padding-top:6px;
}

.buttonarrowright .a {
}

.arrow_button_left {
	cursor:pointer;
	background-attachment:scroll;
	background-color:#0000cc;
	background-image:url(/images/qitera/arrow_mask_left.gif);
	background-position:left center;
	background-repeat:no-repeat;
	color:#fff;
	font-weight:bold;
	margin-top:0px;
	padding-bottom:6px;
	padding-left:20px;
	padding-right:10px;
	padding-top:6px;
}

.arrow_button_left a {
	color:#fff !important;
}