@import "compass/css3/box-shadow";
//
@import "../mixins/paddingbox";
@import "../mixins/devices";
@import "../declarations/colors";
@import "../declarations/fonts";

#messaging{
  @include rgba-background(rgba(0, 0, 0, 0.8));
  @include box-shadow(0px 2px  2px rgba(0, 0, 0, 0.8));

  width:100%;
  height:40px;
  padding-top:20px;

  position:absolute;
  top:0px;
  left:0px;
  z-index:7;
  display:none;
  text-align:center;

  overflow:hidden;

  h1{
    font-size:$normal;

    @include iPodWebappPortrait{
      margin-top:6px;
      font-size:$small;
    }

    @include iPodSafariPortrait{
     font-size:$small;
      margin-top:6
    }
  }

  h1.error{
    color:$error;
  }

  h1.warning{
    color:$warning;
  }

  h1.notice{
    color:$notice;
  }
}