/* $Id:$ */

/* text rotation
------------------------------------------------------------------------------*/
.rotate-90 {
  writing-mode: tb-rl;
}
.rotate-270 {
  -ms-writing-mode: bt-lr;
}

/* Left tabs
------------------------------------------------------------------------------*/
.left-tab {
  text-align: left;
}
.left-tab a {
  border-width: 2px 2px 2px 0;
}

/* buttons, button links
------------------------------------------------------------------------------*/
select,
input {
  font-size: 11px;
}
.form-submit {
  padding: 2px 10px 3px 10px;
}
.signup.btn-link {
  position: relative;
  top: 1px;
}

#user-login-form #edit-submit {
  margin-bottom: -5px;
}

/* Suckerfish menus
------------------------------------------------------------------------------*/
.superfish-vertical:hover {
  border-color: #666;
}

ul.sf-menu li ul {
  border: 2px solid #666;
}
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 110px;
}

ul.sf-menu li ul ul {
  margin-left: 10px;
}

/* Use outlines in place of CSS3 shadows
------------------------------------------------------------------------------*/
body.no-panel #main-content {
  border: 2px solid #dedede;
}
.shadowed {
  margin-bottom: 20px;
  border: 2px solid #dedede;
  /*border-top: 2px solid #eee;*/
  /*border-bottom: 2px solid #ccc;*/
  /* Note: filters disable cleartype on elements to which they are applied */
  /* ...IE just stinks. */
  /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction= 180, Strength=6);*/
  /*background-color: #fff;*/
  /*zoom: 1;*/
  /*border-bottom: 1px solid #b0b0b0;*/
}
.bg-gray-dark {
  background-color: #5b5c5e;
  border-color: #5b5c5e;
}
.shadowed .pane-content {
  padding: 8px;
}

.container-12 .grid-1.shadowed {
  width: 56px;
}
.container-12 .grid-2.shadowed {
  width: 136px;
}
.container-12 .grid-3.shadowed {
  width: 216px;
}
.container-12 .grid-4.shadowed {
  width: 296px;
}
.container-12 .grid-5.shadowed {
  width: 376px;
}
.container-12 .grid-6.shadowed {
  width: 456px;
}
.container-12 .grid-7.shadowed {
  width: 536px;
}
.container-12 .grid-8.shadowed {
  width: 616px;
}
.container-12 .grid-9.shadowed {
  width: 696px;
}
.container-12 .grid-10.shadowed {
  width: 776px;
}
.container-12 .grid-11.shadowed {
  width: 856px;
}
.container-12 .grid-12.shadowed {
  width: 936px;
}

/* panel menu tabs
------------------------------------------------------------------------------*/
/* primary */
#block-madeloud_menu-0,
#block-madeloud_menu-1 {
  margin: 0;
}
#block-madeloud_menu-0 .pane-content,
#block-madeloud_menu-1 .pane-content {
  padding: 0;
}
/*secondary */
#block-madeloud_menu-4 {
  margin: 0;
}

/* soundManager2 css based resizing does not work so we're just going to use
   the base size for the small player
------------------------------------------------------------------------------*/
.sm2-noprogress .sm2-inline-list {
  height: 36px;
  width: 36px;
}
.sm2-noprogress .ui360,
.sm2-noprogress .sm2-360ui {
  width: 40px;
  height: 40px;
  margin: -1px 0 0 0;
  padding: 0;
}
.sm2-noprogress .ui360,
.sm2-noprogress .ui360 .sm2-360btn-default {
  background: transparent url(../images/play-sm.png) no-repeat 50% 50%;
}
.sm2-noprogress .ui360 .sm2-360ui.sm2_paused .sm2-360btn {
  background: transparent url(../images/ml-sprites-1.png) no-repeat -30px -70px;
}
.sm2-noprogress .ui360 .sm2-360btn-default:hover {
  background: transparent url(../images/ml-sprites-1.png) no-repeat 0px -70px;
}
.sm2-noprogress .ui360 .sm2-360ui.sm2_paused .sm2-360btn:hover {
  background: transparent url(../images/ml-sprites-1.png) no-repeat -30px -70px;
}
.sm2-noprogress .ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover,
.sm2-noprogress .ui360 .sm2-360btn-playing:hover {
  background: transparent url(../images/ml-sprites-1.png) no-repeat -90px -70px;
}
.sm2-noprogress .ui360 .sm2-360btn {
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
}
.sm2-noprogress .ui360 .sm2-timing {
  font-size: 8px;
  line-height: 40px;
}

/* Compensate for larger soundManager2 players.
------------------------------------------------------------------------------*/
.feat-artist-sb .views-field-title-1 {
  padding: 2px 0 0 5px;
}

/* Misc
------------------------------------------------------------------------------*/
#block-user-0 #user-login-form {
  margin-right: 10px;
}

/* fix stupid IE8 whitespace issue */
.view-announcements .node,
.view-announcements .views-row,
.view-announcements .view-content {
  margin-bottom: -1.5em;
}

/* facebook login block
------------------------------------------------------------------------------*/
#fb-nav-profile-pic {
  margin: 9px;
  border: 2px solid #e9e9e9;
}

#block-fb_connect-login_madeloud.grid-4 table {
  width: 222px;
  height: 74px;
}
#block-fb_connect-login_madeloud.grid-3 table {
  width: 142px;
  height: 74px;
}

/*.heartbeat-message-block .beat-item .col-right {
  float: left;
  width: 455px;
}*/