.fbconnect{
	background:url("../img/facebook_connect32.png") no-repeat scroll left top transparent;
	color:white;
	display:block;
	height:32px;
	padding-left:40px;
	width:75px;
	font: bold 18px/34px Helvetica, Arial, sans-serif;
	color:white;
	text-align:left;
}

.fbconnect:hover { 
background-position: 0 -32px;
}


/* Big button */
span.button a,
button.button span{ 
    height: 32px;
    font: bold 18px/32px Helvetica, Arial, sans-serif;
    text-decoration: none;
    float: right;
    display: block;
    overflow: hidden;
    padding: 0;
	 margin: 0px;
}

button.button span{ 
	overflow: visible;
}
button.button span span{ 
        padding: 0 12px 0 0;
        line-height: 32px;
        line-height: 31px; /* IE specific line-height fix */ 
        height: 32px;
        display: block;
        white-space: nowrap;
        margin: 0;
        overflow: visible;
}

span.button a, button.button {
	margin: 5px;
}


span.button a.fixed{
	width: 100px;
	text-align: center;
}

span.button a span{
	display: block;
	white-space: nowrap;
	padding: 5px 12px 5px 0;
	line-height: 23px;
	cursor: pointer;
}

button.button{
	
	float:right;
    height: 34px;
	border: none;
    background: none;
    padding: 0;
    width: auto;
    overflow: visible;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
}	 


/* Green */

span.button a.green,
button.button span.green  {
    color: #FFFFFF;
    padding: 0 0 0 12px;
    background: #87C80A url(green_comp_left.png) left top no-repeat;
}
span.button a.green:hover,
button.button:hover span.green {
    padding: 0 0 0 12px;
    background: #87C80A url(green_comp_left.png) 0 -32px no-repeat;
}
    span.button a.green span,
	 button.button span.green span {
        background: #87C80A url(green_comp_right.png) right top no-repeat;
    }
    span.button a.green:hover span,
	 button.button:hover span.green span {
        background: #87C80A url(green_comp_right.png) right -32px no-repeat;
    }