.gray_buttons{

}
/*===========================================================================================
Normal Text Buttons with icons (Gray round conered buttons)
===========================================================================================*/
a.button, button.button{
    display: block;
    float: left;
    margin: 0 7px 0 0; /*Provide default right margin*/
    padding: 5px 10px 6px 10px; /* Links */ 
    background: #f5f5f5 url(/images/btn_garysq_bg.png) repeat-x 0 0;
    border:1px solid #bbb;
    border-top:1px solid #dedede;
    border-left:1px solid #dedede;
    -moz-border-radius:0.6em;
	-khtml-border-radius:0.6em;
    font-family:"Lucida Grande",Tahoma,Arial,sans-serif;
    font-size: 1em;
    line-height: 1.3em;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    outline-style: none;
}

a.button img, button.button img{
    display: block;
    float: left;
    margin-left: -3px;
    margin-right: 4px;
    border: none;
}

a.button, button.button{
    display:inline-block;
    float:none;
}

button.button {
    overflow:visible;
    padding:4px 10px 3px 10px;
    width:auto;
}
button.button[type]{
    padding:5px 10px 5px 10px; /* Firefox */
    line-height:17px; /* Safari */
    width:auto;
}

*:first-child+html button.button[type]{
    padding:4px 10px 3px 10px; /* IE7 */
}

/* STANDARD */
a:hover.button, button:hover.button {
    border:1px solid #999;
    color:#444444;
}
a:active.button, button:active.button {
    border:1px solid #6299c5;
    background:#6299c5 none;
    color:#444444;
    color:#fff;
}

/* POSITIVE */
a.positive, button.positive{
    color:#529214;
    font-weight: bold;
}
a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
a.positive:active, button.positive:active{
    background:#529214 none;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */
a.negative, button.negative {color:#d12f19;}
a.negative:hover, button.negative:hover {
    background-color:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
a.negative:active, button.negative:active {
    background:#d12f19 none;
    border:1px solid #d12f19;
    color:#fff;
}

/*===========================================================================================
Big Image Buttons
===========================================================================================*/
a.big_btn {
    display: block;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 0 -37px;
    width: 122px;
    height: 36px;
    cursor:pointer;
    text-decoration: none;
}
a.big_btn:hover { background-position: 0 0; }

a.bb_search { background-image: url(/images/btn_search.gif); }
a.bb_login  { background-image: url(/images/btn_login.gif); }
a.bb_register  { background-image: url(/images/btn_register.gif); }

/*===========================================================================================
Fancy Buttons
===========================================================================================*/
a.btn_fancy_blue {
    background: transparent url(/images/btn_fancy_blue_right.png) no-repeat scroll right top; 
    display:inline-block;
    height: 35px;
    margin-right: 6px;
    padding-right: 36px;
    text-decoration: none;
    color: #fff;
    font-weight:bold;
    cursor:pointer;
}
a.btn_fancy_blue:hover {
    background: transparent url(/images/btn_fancy_blue_right.png) no-repeat scroll  right -35px; 
}
a.btn_fancy_blue span {
    background: transparent url(/images/btn_fancy_blue_left.png) no-repeat 0 0; 
    display: block;
    line-height: 26px;
    padding: 3px 0 5px 15px;
} 
a.btn_fancy_blue:hover span{
    background: transparent url(/images/btn_fancy_blue_left.png) no-repeat 0 -35px; 
}

a.btn_fancy_green {
    background: transparent url(/images/btn_fancy_green_right.png) no-repeat scroll right top; 
    display:inline-block;
    height: 35px;
    margin-right: 6px;
    padding-right: 36px;
    text-decoration: none;
    color: #fff;
    font-weight:bold;
    cursor:pointer;
}
a.btn_fancy_green:hover {
    background: transparent url(/images/btn_fancy_green_right.png) no-repeat scroll  right -35px; 
}
a.btn_fancy_green span {
    background: transparent url(/images/btn_fancy_green_left.png) no-repeat 0 0; 
    display: block;
    line-height: 26px;
    padding: 3px 0 5px 15px;
} 
a.btn_fancy_green:hover span{
    background: transparent url(/images/btn_fancy_green_left.png) no-repeat 0 -35px; 
}