/*

 * Copyright (C) 2006 Apple Computer, Inc.  All rights reserved.

 * Copyright (C) 2006 Vladimir Olexa (vladimir.olexa@gmail.com)

 *

 * Redistribution and use in source and binary forms, with or without

 * modification, are permitted provided that the following conditions

 * are met:

 *

 * 1.  Redistributions of source code must retain the above copyright

 *     notice, this list of conditions and the following disclaimer. 

 * 2.  Redistributions in binary form must reproduce the above copyright

 *     notice, this list of conditions and the following disclaimer in the

 *     documentation and/or other materials provided with the distribution. 

 * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of

 *     its contributors may be used to endorse or promote products derived

 *     from this software without specific prior written permission. 

 *

 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY

 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED

 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE

 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY

 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES

 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;

 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND

 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT

 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF

 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

 */

img { padding: 0; margin: 0; }

body { margin: 0; padding: 0; overflow: hidden; }

iframe { border: none; }

#fileBrowser { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 220px;}

#fileList { position: absolute; top: 0; bottom: 0; left: 0; right: 10px; padding: 0; margin: 0; }

#filesDivider { position: absolute; z-index: 10; right: 0px; bottom: 0px; top: 0; width: 10px; cursor: col-resize; background: url(verticalSplitterDimple.tiff) 50% no-repeat, url(verticalSplitterBar.tiff) repeat-y; width: 10px; }

#masterMain { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

#main { position: absolute; top: 0; bottom: 0; left: 220px; right: 0; }

#info { position: absolute; top: 0; height: 175px; left: 0; right: 0; }

#divider { cursor: row-resize; position: absolute; bottom: 0; left: 0; right: 0; background: url(splitterDimple.tif) 50% no-repeat, url(splitterBar.tif) repeat-x; height: 10px }

#body { position: absolute; top: 175px; left: 0; right: 0; bottom: 0; }

#sourcesContainer { position: absolute; top: 16px; left: 0; right: 0; bottom: 21px; background-color: white; }

#sources { width: 100%; height: 100% }

#header { vertical-align: top; height: 16px; -webkit-box-sizing: border-box; border-bottom: 1px solid #aaa; background: url(glossyHeader.png) repeat-x; position: absolute; top: 0; left: 0; right: 0; }

#header > * { vertical-align: top; }

.footer { height: 21px; -webkit-box-sizing: border-box; border-top: 1px solid #aaa; background: url(glossyFooterFill.tif) repeat-x; position: absolute; bottom: 0; left: 0; right: 0; }

#infoDivider { position: absolute; z-index: 10; right: 0; left: 0; top: 0; bottom: 9px; width: 10px; cursor: col-resize; background: url(verticalSplitterDimple.tiff) 50% no-repeat, url(verticalSplitterBar.tiff) repeat-y; width: 10px; }

#filesBrowserSites {

    position: absolute;

    font-family: "Lucida Grande", sans-serif;

    font-size: 11px;

    padding: 2px;

    overflow-x: hidden;

    overflow-y: auto;

    top: 16px;

    left: 0;

    right: 0;

    bottom: 21px;

    background-color: white;

}

#filesBrowserSites div {

    font-weight: normal;

    overflow: hidden;

    white-space: nowrap;

    padding-left: 26px;

    background: url(siteExpanded.tif) no-repeat 0px 0px;

    cursor: default;

    margin-bottom: 2px;

}

#filesBrowserSites div.expanded {

    background: url(siteExpanded.tif) no-repeat 0px 0px;

}

#filesBrowserSites div.collapsed {

    background: url(siteCollapsed.tif) no-repeat 0px 0px;

}

#filesBrowserSites div ul {

    margin: 0;

    padding: 0;

    list-style-type: none;

    font-weight: normal;

}

#filesBrowserSites div ul li {

    margin-left: -25px;

    height: 15px;

    padding-left: 38px;

    margin-top: 1px;

    margin-bottom: 1px;

    background: url(fileIcon.jpg) no-repeat 26px 0%;

    cursor: default;

    overflow: hidden;    

}

#filesBrowserSites div ul li.active {

    background-color: #ccc;

}

#filesBrowserSites div ul li.passive {

    background-color: white;

}

#files, #functions {

    opacity: 0;

    position: absolute;

    top: -2px;

    left: -3px;

    right: 0;

    z-index: 10;

    margin: 0;

    padding: 0;

    min-width: 100px;

}

button.popup {

    background: url(popUpArrows.png) right no-repeat;

    border: none;

    height: 15px;

    font-size: 10px;

    line-height: 10px;

    padding: 0 20px 0 5px;

    margin: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    position: relative;

    min-width: 100px;

    max-width: 350px;

}

#filesPopupButtonContent, #functionButtonContent {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 100%;

    height: 100%;

    line-height: 12px;

    text-align: left;

}

.placeholder { color: rgba(0, 0, 0, 0.6) }

button.nav {

    position: relative;

    width: 32px;

    height: 15px;

    border: none;

    margin: 0;

    padding: 0;

    border-left: 1px solid transparent;

    border-right: 1px solid #aaa;

}

button.nav.right {

    background: url(navRightNormal.png) no-repeat;

}

button.nav.right:disabled, button.nav.right:disabled:active {

    border-left: 1px solid transparent;

    background: url(navRightDisabled.png) no-repeat;

}

button.nav.right:active {

    border-left: 1px solid rgba(0, 0, 0, 0.3);

    background: url(navRightPressed.png) no-repeat;

}

button.nav.left {

    background: url(navLeftNormal.png) no-repeat;

}

button.nav.left:disabled, button.nav.left:disabled:active {

    border-left: 1px solid transparent;

    background: url(navLeftDisabled.png) no-repeat;

}

button.nav.left:active {

    margin-left: 0;

    border-left: 1px solid rgba(0, 0, 0, 0.3);

    background: url(navLeftPressed.png) no-repeat;

}

#leftPane {

    position: absolute;

    top: 0;

    bottom: 10px;

    left: 0;

    width: 253px;

    padding: 0;

    margin: 0;

}

#rightPane {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 253px;

    padding: 0;

    margin: 0;

}

#stackframe {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

}

#stackframeBody {

    overflow-y: scroll;

    overflow-x: hidden;

    position: absolute;

    top: 16px;

    bottom: 0;

    right: 0;

    left: 0;

}

#variables {

    position: absolute;

    top: 0;

    bottom: 10px;

    right: 0;

    left: 10px;

}

#variablesBody {

    overflow-y: scroll;

    overflow-x: hidden;

    position: absolute;

    top: 16px;

    bottom: 0;

    right: 0;

    left: 0;

}

.infoBackground {

    background: url(background_stripe.png) repeat;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    z-index: -1;

}

table {

    font-family: "Lucida Grande", sans-serif;

    font-size: 11px;

    border-collapse: collapse;

    border-spacing: 0;

    width: 100%;

    padding: 0;

    margin: 0;

    border: 0;

}

td {

    padding: 3px 7px 3px 9px;

    height: 15px;

    -webkit-box-sizing: border-box;

    -webkit-user-select: none;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

tr.current {

    background-color: rgb(56, 117, 215);

    color: white;

}

.stackNumber {

    width: 2em;

    padding: 3px 0;

    text-align: center;

}

.variable {

    width: 170px;

}

.column th.scrollCorner {

    width: 15px;

    padding: 0;

    border-right: none;

}

#variableColumnResizer { 

    position: absolute;

    top: 0;

    left: 168px;

    width: 4px;

    height: 16px;

    cursor: col-resize;

}

.column th {

    background: url(glossyHeader.png) repeat-x;

    border-right: 1px solid #d9d9d9;

    height: 15px;

    -webkit-box-sizing: border-box; 

    border-bottom: 1px solid #aaa;

    font-weight: normal;

    vertical-align: middle;

    padding: 0 8px;

    text-align: left;

    -webkit-user-select: none;

}