.button {
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #ddd url(/oilspill/20120915100707oe_/http://a0.twimg.com/a/1347580850/images/buttons/bg-btn.gif) repeat-x 0 0;
  border-bottom-color: #ccc;
  border-color: #ddd;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #333;
  cursor: pointer;
  display:inline;
  font: 11px/14px "Lucida Grande",Sans-serif;
  margin: 0;
  overflow: visible;
  padding: 4px 8px 5px;
  text-shadow: 1px 1px 0 #fff;
}

.button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.button:focus {
  outline: none;
}

/* =Hover/focus/active
----------------------------------------------- */
.button:hover, .button:focus {
  background-position:0 -6px;
  border-color:#999 #999 #888;
  color:#000;
}

.button:active {
  background-image: none;
  text-shadow: none;
  outline: none;
}

/* =Individual Button Styles
----------------------------------------------- */
#tweeting_controls a {
  line-height: 13px;
}

#gear_dropdown {
  /*height: 12px;*/
  padding: 4px 5px 5px;
  /*margin-right: 3px;*/
}

#gear_dropdown span {
  background-image: url(/oilspill/20120915100707oe_/http://a0.twimg.com/a/1347580850/images/sprite-icons.png);
  background-position: -32px -63px;
  background-repeat: no-repeat;
  display: inline-block;
  /*height: 12px;*/
/*vertical-align: -2px;*/

  width: 22px;
}

/* =Dropown Menu Styles
----------------------------------------------- */
ul.dropdown  {
  display: none;
  position: absolute;
  width: 200px;
  /*margin-top: -1px;*/
  padding: 4px 0;
  text-align: left;
  border: 1px solid #666;
  background-color: #fff;
  z-index: 9999;
}

ul.dropdown li a,
ul.dropdown li label,
ul.dropdown li input[type="checkbox"]{
  display: inline-block;
  font: 11px 'Lucida Grande', Arial, sans-serif;
  color: #666;
  position: relative;
  padding: 4px 5px;
  vertical-align: top;
}

ul.dropdown li .loading-spinner{
  display: inline-block;
  position: relative;
  top: 4px;
  left: 1px;
  margin-left: 4px;
}

ul.dropdown li a {
  padding: 4px 5px 4px 27px;
}
ul.dropdown li a {
  display: block;
  color: #666;
  text-decoration: none;
}
ul.dropdown li:hover {
  color: #fff;
  background-color: #666;
}
ul.dropdown li:hover * {
  color: #fff;
}
ul.dropdown li.divider {
  border-top: 1px solid #ddd;
}

ul.dropdown i {
  background: url(/oilspill/20120915100707oe_/http://a0.twimg.com/a/1347580850/images/sprite-icons.png) repeat no-repeat;
  font-size: 10px;
  left: 7px;
  position: absolute;
  top: 4px;
  width: 15px;
}

#get_location_icon {
  background: url(/oilspill/20120915100707oe_/http://a0.twimg.com/a/1347580850/images/sprite-icons.png) -160px -64px no-repeat;
  display: inline-block;
  _display: inline;
  height: 11px;
  width: 11px;
  vertical-align: middle;
}

#location_spinner {
  display: none;
  height: 11px;
  width: 11px;
  vertical-align: middle;
}

.share-location-loading #location_spinner {
  display: inline-block;
}

.share-location-loading #get_location_icon {
  display: none;
}

a.a-btn {
  zoom: 1;
  background: #ddd url(/oilspill/20120915100707oe_/http://a0.twimg.com/a/1347580850/images/buttons/bg-btn.gif) repeat-x scroll 0 0;
  cursor: pointer;
  text-shadow: 1px 1px 0 #fff !important;
  border-color: #ddd #ddd #ccc !important;
  border-style: solid;
  border-width: 1px !important;
  text-decoration: none;
  padding: 4px 8px 5px;
  line-height: 14px;
  font-size: 11px;
  font-family: "lucida grande", helvetica, tahoma, arial;
  display: inline-block;
  _display: inline;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

a.a-btn,
a.a-btn:visited {
  color: #333 !important;
}
a.a-btn:hover,
a.a-btn:focus {
  text-decoration: none;
  border-color: #999 #999 #888 !important;
  color: #000;
  outline: none;
}
a.a-btn:active {
  background-image: none;
  outline: none;
}
:focus {
  -moz-outline-style: none;
}

a.a-btn-m {
  font-size: 15px;
  font-family: "helvetica neue", arial, sans-serif;
  padding: 5px 15px 6px;
  line-height: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-position: 0 -200px;
}
a.a-btn-l {
  font-size: 20px;
  line-height: 26px;
  padding: 7px 20px 8px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-family: "helvetica neue", arial, sans-serif;
  background-position: 0 -400px;
}
a.btn-disabled {
  opacity: 0.6;
  filter: alpha(opacity=60);
  background-image: none;
}


/* == @wrap buttons */

/* global class for buttons */

.twitter-connect {
  border: 0;
  outline: none;
  text-indent: -99999px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: top left;
}

.twitter-button {
  font: 12px Arial, sans-serif;
  color: #fff;
  background: #1D6B9C url(/oilspill/20120915100707oe_/http://a0.twimg.com/a/1347580850/images/oauth2/gradient-background.png) repeat-x;
  text-indent: 0;
  border: 1px solid #18566A;
  display: inline-block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -border-radius: 4px;
  text-shadow: 0 -1px 0 #18566A;
}

.twitter-button:hover {
  border: 1px solid #00242C;
  background-position: left -23px;
  text-decoration: none;
}

.twitter-button:active {
  border: 1px solid #044D77;
  background-position: left -46px;
  text-decoration: none;
  color: rgba(255,255,255,0.8);
}


/* 129px */

.twitter-connect-small {
  background: url(/oilspill/20120915100707oe_/http://a0.twimg.com/a/1347580850/images/oauth2/connect_129px.png) no-repeat;
  width: 129px;
  height: 19px;
}
.twitter-connect-small:hover {
  background-position: left -19px;
}
.twitter-connect-small:active {
  background-position: left -38px;
}

/* 146px */

.twitter-connect-medium {
  background: url(/oilspill/20120915100707oe_/http://a0.twimg.com/a/1347580850/images/oauth2/connect_146px.png) no-repeat;
  width: 146px;
  height: 23px;
}
.twitter-connect-medium:hover {
  background-position: left -23px;
}
.twitter-connect-medium:active {
  background-position: left -46px;
}

/* 170px */

.twitter-connect-large {
  background: url(/oilspill/20120915100707oe_/http://a0.twimg.com/a/1347580850/images/oauth2/connect_170px.png) no-repeat;
  width: 170px;
  height: 26px;
}
.twitter-connect-large:hover {
  background-position: left -26px;
}
.twitter-connect-large:active {
  background-position: left -52px;
}

/* 236px */

.twitter-connect-xlarge {
  background: url(/oilspill/20120915100707oe_/http://a0.twimg.com/a/1347580850/images/oauth2/connect_236px.png) no-repeat;
  width: 236px;
  height: 38px;
}
.twitter-connect-xlarge:hover {
  background-position: left -38px;
}
.twitter-connect-xlarge:active {
  background-position: left -76px;
}

/* boxes */
.twitter-connect-box {
  font: 13px/17px Lucida Grande, "Lucida Grande", Arial, Helvetica, sans-serif;
  padding: 8px 10px 9px 10px;
  width: 200px;
  background: #C7E0EC url(/oilspill/20120915100707oe_/http://a0.twimg.com/a/1347580850/images/oauth2/rays-box.jpg) no-repeat center top;
  color: #001F33;
  text-shadow: 0 1px 0 #E5F0F6;
  border-radius: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,.3);
  box-shadow: 0 1px 0 rgba(0,0,0,.3);
  display: inline-block;
  vertical-align: top;
}

.twitter-connect-box p {
  margin: 0 0 8px 0;
  padding: 0;
}

.twitter-connect-box-small {
  font-size: 10px;
  line-height: 14px;
  width: 129px;
}

.twitter-connect-box-medium {
  font-size: 11px;
  line-height: 15px;
  width: 146px;
}

.twitter-connect-box-large {
  font-size: 11px;
  line-height: 15px;
  width: 170px;
}

.twitter-connect-box-xlarge {
  font-size: 12px;
  line-height: 17px;
  width: 236px;
}

/* Follow buttons */

/* follow*/
.follow-medium {
  text-decoration: none;
  padding-right: 7px;
  padding-left: 2px;
  *padding: 0 7px 0 0px;
}

.follow-medium i {
  height: 23px;
  width: 23px;
  display: inline-block;

/*
  margin:-2px 6px 0 0px;
  vertical-align: top;
  line-height: 0;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  *margin: 0 0px 0 0;
  *height: 22px;*/
  border-right: 1px solid #73AFD5;
}

.follow-medium i b {
/*  display: block;*/
  display: inline-block;
  background: url(/oilspill/20120915100707oe_/http://a0.twimg.com/a/1347580850/images/oauth2/t_170px.png) no-repeat 3px 3px;
  height: 23px;
/*  *height: 22px;*/
  width: 22px;
  vertical-align: middle;
  border-right: 1px solid #094B60;
}

/*.follow-medium:active i {
  border-right: 1px solid transparent;
}*/

.follow-medium .status {
  padding-left: 4px;
}

.following-notice,
.pending-notice {
  background-image: none;
  background: #eee;
  border: 1px solid #ccc;
  color: #333;
  text-shadow: 0 1px 0 #fff;
  cursor: default;
/*  padding-right: 8px;*/
  padding: 1px 8px 0px;
  font: 12px Arial, sans-serif;
  text-indent: 0;
  display: inline-block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -border-radius: 4px;
}

.pending-notice {
  padding: 5px 8px 2px;
}

.following-notice:active,
.pending-notice:active {
  color: #333;
  text-shadow: 0 1px 0 #fff;
}

.following-notice span.at,
.pending-notice span.at {
  color: #666;
}

.following-notice a,
.pending-notice a {
  color: #196698;
  font-weight: normal;
  text-decoration: none;
}

.following-notice a:hover,
.pending-notice a:hover {
  text-decoration: underline;
}

.following-notice i {
  border-right: 1px solid #eee;
  width: 15px;
}

.pending-notice i {
  border-right: 1px solid #eee;
  width: 10px;
  height: 9px;
}

.following-notice i b {
  border-right: 0;
  width: 15px;
}

.pending-notice i {
  border-right: 0;
  width: 9px;
  height: 17px;
}

.following-notice i b {
  background: url(/oilspill/20120915100707oe_/http://a0.twimg.com/a/1347580850/images/oauth2/check.png) no-repeat 4px 7px;
}

.pending-notice i b {
  position: relative;
  top: -2px;
  border-right: none;
  width: 10px;
  height: 9px;
  background: url(/oilspill/20120915100707oe_/http://a0.twimg.com/a/1347580850/images/sprite-icons.png) no-repeat -192px -16px;
}

/* loading */

.twitter-loading {
  font: 12px/15px Arial, Helvetica, sans-serif;
  color: #fff;
  background: #eee;
  border: 1px solid #ccc;
  color: #333;
  text-shadow: 0 1px 0 #fff;
  cursor: default;
  text-indent: 0;
  padding: 5px 8px 4px 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -border-radius: 4px;
  display: block;
  width: 100px;
  margin-top: -3px;
}
