/* UserButton layout style - for UserButton */
.userbutton
{
    padding-left: 10px;
    float: left;
    margin-top:5px;
}

/*******************************************************************
	CSS for UserButton (style button) (begin)
*******************************************************************/
.button
{
  height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	display:inline;
	text-decoration:none;
	font-Size:11px;
	font-Weight:bold;
	color:#222d33;
}

.button div.border
{
    height: 20px;
    line-height: 20px;
    border-right: #660000 1px solid;
    border-top: #660000 1px solid;
    border-left: #660000 1px solid;
    border-bottom: #660000 1px solid;
    float:left;
}
    
.button div.left
{
    font-size: 0px;
    height: 20px;
    width: 15px;
    background-image: url(/images/button/button_orange_left.gif);
    background-repeat: no-repeat;
    float: left;
}

.button div.right
{
	font-size: 0px;
	height: 20px;
	width: 15px;
	background-image: url(/images/button/button_orange_right.gif);
	background-repeat: no-repeat;
	float:left;
}

.button div.pre
{
	font-size: 0px;
	height: 20px;
	width: 7px;
	background-image: url(/images/button/button_orange_arrow_back.gif);
	background-repeat: no-repeat;
	float:left;
}

.button div.next
{
	font-size: 0px;
	height: 20px;
	width: 7px;
	background-image: url(/images/button/button_orange_arrow.gif);
	background-repeat: no-repeat;
	float:left;
}

.button div.text
{
	background-image: url(/images/button/button_orange_bg.gif);
	background-repeat: repeat-x;
	float:left;
}
/*******************************************************************
	CSS for UserButton (style button) (end)
*******************************************************************/



/*******************************************************************
	CSS for UserButton (style buttonGray) (begin)
*******************************************************************/
.buttonGray
{
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	display:inline;
	text-decoration:none;
	font-Size:11px;
	font-Weight:bold;
	color:#222d33;
}
    
.buttonGray div.border
{
    height: 20px;
    line-height: 20px;

    border-right: #660000 1px solid;
    border-top: #660000 1px solid;
    border-left: #660000 1px solid;
    border-bottom: #660000 1px solid;
    float:left;
}

.buttonGray div.left
{
	font-size: 0px;
	height: 20px;
	width: 15px;
	background-image: url(/images/button/button_gray_left.gif);
	background-repeat: no-repeat;
	float:left;
}

.buttonGray div.right
{
	font-size: 0px;
	height: 20px;
	width: 15px;
	background-image: url(/images/button/button_gray_right.gif);
	background-repeat: no-repeat;
	float:left;
}

.buttonGray div.pre
{
	font-size: 0px;
	height: 20px;
	width: 7px;
	background-image: url(/images/button/button_gray_arrow_back.gif);
	background-repeat: no-repeat;
	float:left;
}

.buttonGray div.next
{
	font-size: 0px;
	height: 20px;
	width: 7px;
	background-image: url(/images/button/button_gray_arrow.gif);
	background-repeat: no-repeat;
	float:left;
}

.buttonGray div.text
{
	background-image: url(/images/button/button_gray_bg.gif);
	background-repeat: repeat-x;
	float:left;
}
/*******************************************************************
	CSS for UserButton (style buttonGray) (end)
*******************************************************************/