﻿.buttons {
/*  margin: 10px 0px 5px -25px; */
	/* margin: 10px 0px 0px 0px; */
	padding-top: 10px;
  clear:both;
  position: relative;
}

/*
Styled buttons
*/
.button_bl, .button_gr, .button_disabled {
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   position:relative;
   color:#fff;
   cursor:pointer;
   height:23px;
   padding-right: 14px;
   margin-right: 6px;
   float: right;
}

a.button_bl, a.button_gr, a.button_disabled {
	text-decoration: none !important;
	color: #fff !important;
}

a.button_action {
	text-decoration: none !important;
	color: #000 !important;
}

.button_disabled {
	cursor: default;
}

.button_bl span, .button_gr span, .button_disabled span {
    display: block;
    line-height: 13px;
    padding: 5px 3px 5px 15px;
}

.button_bl span {
   background:transparent url(../images/buttons.gif) no-repeat scroll top left;
}

.button_bl {
   background:transparent url(../images/buttons.gif) no-repeat scroll right -250px;
}

.button_gr span {
   background:transparent url(../images/buttons.gif) no-repeat scroll left -100px;
}

.button_gr {
   background:transparent url(../images/buttons.gif) no-repeat scroll right -350px;
}

.button_disabled span, .button_disabled:hover span {
   background:transparent url(../images/buttons.gif) no-repeat scroll left -200px;
   text-decoration: none !important;
}

.button_disabled, .button_disabled:hover {
   background:transparent url(../images/buttons.gif) no-repeat scroll right -450px;
   text-decoration: none;
}

.button_bl:hover {
   background:transparent url(../images/buttons.gif) no-repeat scroll right -300px;
}

.button_bl:hover span {
   background:transparent url(../images/buttons.gif) no-repeat scroll left -50px;
}

.button_gr:hover {
   background:transparent url(../images/buttons.gif) no-repeat scroll right -400px;
}

.button_gr:hover span {
   background:transparent url(../images/buttons.gif) no-repeat scroll left -150px;
}

.button_action span {
   background:transparent url(../images/buttons.gif) no-repeat scroll left -500px;
   font-size: 11px !important;
   line-height: 11px;
   padding: 2px 10px 5px 7px;
   display: block;
}

.button_action {
   background:transparent url(../images/buttons.gif) no-repeat scroll right -600px;
   float: left;
   padding-right: 23px;
   line-height: 11px;
   height: 16px;
}

.button_action:hover, a.button_action:hover {
   background:transparent url(../images/buttons.gif) no-repeat scroll right -650px;
}

.button_action:hover span, a.button_action:hover span {
   background:transparent url(../images/buttons.gif) no-repeat scroll left -550px;
}

a.button_hide, a.button_hide_sel {
	text-decoration: none !important;
}

a.button_hide {
	color: #fff;
}

a.button_hide_sel {
	color: #000;
}

.button_hide_sel span, .button_hide span {
   background:transparent url(../images/buttons.gif) no-repeat scroll left -700px;
   font-size: 11px !important;
   line-height: 11px;
   padding: 3px 0px 4px 7px;
   display: block;
}

.button_hide, .button_hide_sel {
   background:transparent url(../images/buttons.gif) no-repeat scroll right -750px;
   float: left;
   padding-right: 7px;
   line-height: 11px;
   height: 18px;
   margin-right: 8px;
}

.button_hide_sel span {
	background:transparent url(../images/buttons.gif) no-repeat scroll left -900px;
}

.button_hide_sel  {
	background:transparent url(../images/buttons.gif) no-repeat scroll right -950px;
}

.button_hide:hover, a.button_hide:hover {
   background:transparent url(../images/buttons.gif) no-repeat scroll right -850px;
}

.button_hide:hover span, a.button_hide:hover span {
   background:transparent url(../images/buttons.gif) no-repeat scroll left -800px;
}

.button_hide_sel:hover, a.button_hide_sel:hover {
   background:transparent url(../images/buttons.gif) no-repeat scroll right -1050px;
}

.button_hide_sel:hover span, a.button_hide_sel:hover span {
   background:transparent url(../images/buttons.gif) no-repeat scroll left -1000px;
}

a.button_rect {
	color: #000;
	text-decoration: none;
}

.button_rect span {
   background:transparent url(../images/buttons.gif) no-repeat scroll left -1100px;
   font-size: 11px !important;
   line-height: 18px;
   padding: 2px 0px 5px 7px;
   display: block;
}

.button_rect {
   background:transparent url(../images/buttons.gif) no-repeat scroll right -1200px;
   float: left;
   padding-right: 15px;
   line-height: 18px;
   height: 20px;
   margin-right: 10px;
}

.button_rect:hover, a.button_rect:hover {
   background:transparent url(../images/buttons.gif) no-repeat scroll right -1250px;
}

.button_rect:hover span, a.button_rect:hover span {
   background:transparent url(../images/buttons.gif) no-repeat scroll left -1150px;
}
/* putting the sendto style here for now, shared across files / photo divide */

a#sendto {
	display: block;
    width: 55px;
    height: 22px;
    background: transparent url(../images/fm_icons.png) no-repeat scroll 8px -1249px;
}

a#sendto:hover {
	background: transparent url(../images/fm_icons.png) no-repeat scroll 8px -1299px;
}
