/* reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
        background: #f5f4f2;
	height: 100%;
        max-height: 100%;
	overflow: hidden;
	font-size: 12px;
        line-height: 1;
}
        
ol, ul {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 35px;
}

.mt-content a:not(hover), .mt-content a:not(hover) span {
    text-decoration: none;
    font-family: Arial,Arial,sans-serif;
    font-weight: normal;
    
    color: #555555;
}

.mt-content a:hover, .mt-content a:hover span {
    text-decoration: none;
    font-family: Arial,Arial,sans-serif;
    font-weight: normal;
    
    color: #007981;
}

a.undecorated-link:hover, a.undecorated-link:hover span { color: inherit; }

/*****************************************************************************
 * LAYOUT
 ****************************************************************************/

/* wraps everything visible in the page, if something visible is added it must be places inside the #box */
#box {
	
        background: #ffffff;
	height: 100%;
        z-index: -10;
        border: 1px solid #ffffff;
}

#top-container, #top-hide-bar, #top,
#left-container, #left-hide-bar, #left,
#right-container, #right-hide-bar, #right,
#bottom-container, #bottom-hide-bar, #bottom,
#center {
	position: absolute;
        z-index: 0;
}

#top-container, #top-hide-bar, #top, #toolbar {
        z-index: 20;
	background: #ffffff;
}

#left-container, #left, #left-hide-bar,
#right-container, #right-hidebar, #right,
#bottom-container, #bottom-hide-bar, #bottom {
	background: #ffffff;
}

#center {
	background: #ffffff;
	overflow: auto;
}

#model-paper-wrapper {
    position: relative;
}

#model-paper {
    z-index: 10;
}

#breadcrumb-trail {
    margin-top: 0.3em;
    margin-right: 0.6em;
    margin-left: 0.3em;
    padding: 0.3em;
    padding-bottom: 0.5em;
    height: 1em;
    overflow: hidden;
}

.breadcrumb-arrow {
    padding-left: 0.4em;
    padding-right: 0.4em;
}

#model-zoom, #model-layers {
    z-index: 11;
}



/*****************************************************************************
 * CONTENT
 ****************************************************************************/

/* All information within a single tab is stored in a table with this class.
   This is true even when tabs are not shown. */
.info-table {
    margin-bottom: 10px;
}

/* The headers for symbol and model information */
.heading {

}

/* A panel of content not enclosed in tabs or accordions */
.orphan-ui-widget {
    padding: 1em;
}

.tab-content {
    margin: 0.5em;
}

/*****************************************************************************
 * TREE
 ****************************************************************************/

.tree {
    margin: 3px;
}

.tree li.treeRoot
{
    padding-left: 0px;
    list-style: none;
    line-height: 16px;
}

.tree li.treeChild
{
    padding-left: 10px;
    list-style: none;
    line-height: 16px;
}

.openNode
{
    float: left;
    width: 16px;
    height: 16px;
    background: url(custom-theme/images/ui-icons_454545_256x240.png);
    cursor: pointer;
}

.closedNode
{
    float: left;
    width: 16px;
    height: 16px;
    background: url(custom-theme/images/ui-icons_454545_256x240.png);
    cursor: pointer;
}

/*****************************************************************************
 * TOOLBAR / MENU
 ****************************************************************************/

#border-image {
    margin: 0.6em;
}

.toolbar-functions {
    padding-top: 5px;
    padding-bottom: 5px;
}

.language-chooser {
    position: relative;
    top: 7px;
    padding-left: 10px;
    padding-right: 5px;
}

.language-chooser-image {
    cursor: pointer;
}

.search-field {
    position: relative;
    top: 5px;
    padding-left: 5px;
    padding-right: 10px;
}



/* specify font of menu content */                
.menu-text {
    font-family: Arial,Arial,sans-serif;
    font-weight: normal;
    font-size: 1.3em;            
    color: #545656 !important; /* force menu to to take this color. TODO: find a better way */
}

/* specify font of menu content when hovering */                
.menu-text:hover {
    font-family: Arial,Arial,sans-serif;
    font-weight: normal;
    font-size: 1.3em;            
    color: #555555 !important; /* force menu to to take this color. TODO: find a better way */
}
        

.menu-item {
    font-size: 1.2em;
}
        

/*****************************************************************************
 * MISC
 ****************************************************************************/

.hidden {
    display: none;
}

.lang {
    display: none;
}

.button {
    padding: 0px 3px 3px 3px;
}

.ghost-border {
    border: 1px dashed #CCCCCC;
}

#powered-by a {
    color: #999999;
    text-decoration: none;
}

.no-clear::-ms-clear {
    display: none;
}

/*****************************************************************************
 * PRINT
 ****************************************************************************/

@media print {
    #top-container, #left-container, #right-container, #bottom-container,
    #breadcrumb-trail, #model-zoom, #popup, #document-popup, #search-results,
    #list-results {
        display: none
    }

    #model-paper {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
    }
}