/**
 * @project         MapGuide Open Source Web Studio
 * @revision        $Id: app.css,v 1.38 2006/06/09 16:25:50 fwarnock Exp $
 * @copyright       © 2006 DM Solutions Group Inc.
 * released under LGPL License with MapGuide Open Source (see index.html)
 */

/* =========================== */
/* APPLICATION SPECIFIC STYLES */
/* =========================== */

body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    /* prevent page from scrolling, we want the app to just fill the page */
    overflow: hidden;
    /*scroll: none;*/
    background-color: #f0f0f0;
}

form {
    margin: 0;
    padding: 0;
    border: 0;  
}

img.png24 {
/* img elements with a class of png24 will have the png24 filter hack applied
 * in IE browsers only.  To make this work, images MUST have a width and height
 * specified.  The minimum tag required is:
 * <img class="png24" src="<url>" width="xx" height="xx">
 */
  filter:expression(applyPNGFilter(this))
}

a, a:hover, a:active {
/* this style will remove the default dotted outline browsers use
   to indicate when links are clicked */
  outline: none;
}

.modified {
    color: red;
}

/* ===================== */
/* MAIN INTERFACE STYLES */
/* ===================== */

#toolBar {
  /* we want to absolutely position the 'closeImg' inside the toolbar so the toolBar
     needs to be explicitly positioned so that the closeImg is positioned inside it.
  */
  position: relative;
  /* make the incorrect behaviour in safari consistent */
  width: 100%;
}

#menuBar {
  position: relative;
  /* make the incorrect behaviour in safari consistent */
  width: 100%;
  /* fix problem with menus appearing under the toolbar in IE */
  z-index: 1;
}


.jxHorizontalSplitter {
  position: absolute;
  display: block;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  background-color: #d9d9d9;
  width: 7px;
  height: 7px;
}

/* =================== */
/* DIALOG BOXES STYLES */
/* =================== */


div.stylePreviewBox {
  height: 40px;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background-color: #ccc;  
}

.actionButtons {
  text-align: right;
}

/* CUSTOM CLASSES OPEN/SAVE DIALOGS */

#saveasToolbar, #openToolbar {
  border: 0px solid #fff;
}

.browseFilesArea {
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background-color: #fff;
  width: 100%;
  height: 215px;
  overflow: auto;
}

/* CUSTOM CLASSES OPEN SITE DIALOG */

#siteAuthenticationDialog table.formTable th {
  width: 100px;
}

#siteAuthenticationDialog table.formTable th label {
  width: 100px;
}

/* CUSTOM CLASSES LINE STYLE DIALOG */

.compositeStylesBox {
  position:relative;
  display:block;
  width: 100%;
  border-top:1px solid #999; 
  border-left:1px solid #999; 
  border-right:1px solid #fff; 
  border-bottom:1px solid #fff;
}

.compositeStylesDiv {
  height:80px;
  border-top:1px solid #fff; 
  border-left:1px solid #fff; 
  border-right:1px solid #999; 
  border-bottom:1px solid #999;
}

.compositeStylesDiv ul.jxList li a {
  background-position: right top;
}

.compositeStylesDiv ul.jxList div {
  background-position: right top;
  background-repeat: no-repeat;
}