/**
 * @project         MapGuide Open Source Web Studio
 * @revision        $Id: snap.css,v 1.25 2006/06/14 16:18:45 fwarnock Exp $
 * @copyright       © 2006 DM Solutions Group Inc.
 * released under LGPL License with MapGuide Open Source (see index.html)
 */

/* ================= */
/* SNAP PANEL STYLES */
/* ================= */

.snapTitle {
  /* position relative is required for snappers to work correctly in safari */
  position:relative;
  width: 100%;
  background-image: url(../images/snap_bg.png);
  background-repeat: repeat-x;
  background-position: left top;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #666;
  /* note this is hard coded into jx.js JxSnapPanel initialize function - change there as well as here */
  height: 22px;
  margin: 0;
  padding: 0;
  /* this prevents lines from wrapping when content is resized */
  white-space: nowrap;
/*  -moz-box-sizing: border-box;*/
}

.snapLabel {
  /* make room for the loading spinner */
  padding-left: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  /* line-height vertically aligns the label in the containing div.  In the border
     box model, this should be the containers height less padding and borders.  In
     the content box model, it should be the height of the container.  */
  line-height:21px;
  /* make the text align properly with an neighbouring inline image */
  /*vertical-align: top;*/
  color: #000;
}

a.snapMinimize, a.snapMaximize, a.snapClose, a.snapHelp {
  position: absolute;
  top: 1px;
  padding: 0px;
  margin: 0px; 
  border: 0px;
  width: 20px;
  height: 20px;
}

#leftPane, #rightPane {
/* if overflow is not hidden, IE will use the height of the content
   regardless of the height of the container when measuring using
   offsetHeight */
  overflow: hidden;
  border-left: 1px solid #fff;
  border-right: 1px solid #999;
}

#leftPane a.snapHelp {
  right: 40px;
}

#leftPane a.snapMinimize {
  right: 20px;
}

#leftPane a.snapMaximize {
  right: 0px;
}

#rightPane a.snapHelp {
  right: 60px;
}

#rightPane a.snapMinimize {
  right: 40px;
}

#rightPane a.snapMaximize {
  right: 20px;
}

#rightPane a.snapClose {
  right: 2px;
  z-index: 10;

}

a.snapMinimize img, a.snapMaximize img, a.snapClose img , a.snapHelp img, img.snapLoading {
  border: 0px;
  /* the margin needs to make up the difference between it's width/height
     and the width/height of the parent a */
  margin: 0px;
  /* width/height has to be the actual image width/height */
  width: 20px;
  height: 20px;
}

img.snapLoading {
  visibility:hidden;
  position: absolute;
  top: 1px;
  left: 2px;
}

/* the content panel inside a snapper */
.snapContent {
  /* position relative is required for snappers to work correctly in safari */
  position: relative;
  display: block;
  /* set the width to 100% to make the content resize properly when the container resizes */
  width: 100%;
  /* content gains scroll bars as needed */
  height: auto;
  overflow: auto;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #999;
  margin: 0px;
  padding: 0px;
}

#leftPane .snapContent {
  border-top: none;
  background-color: #fff;
  background-image: url(../images/panel_white_bg.png);
  background-repeat: repeat-x;
  background-position: left top;
  background-attachment: fixed !important/* ; removing the semicolin so firefox skips the style */
  background-attachment: fixed; /* repeating this style as a hack for firefox to skip the attachment*/
  white-space: nowrap;
}

#rightPane .snapContent {
  border-top: none;
  background-color: #f0f0f0;
  background-image: url(../images/panel_grey_bg.png);
  background-repeat: repeat-x;
  background-position: left top;
  background-attachment: fixed !important/* ; removing the semicolin so firefox skips the style */
  background-attachment: fixed; /* repeating this style as a hack for firefox to skip the attachment*/
}

#rightPane .snapManagerContainer {
/* if overflow is not hidden, IE will use the height of the content
   regardless of the height of the container when measuring using
   offsetHeight */
    overflow: hidden;
}