/*
=========================================
Framework
=========================================
*/
    
HTML 
{
    height:100%;
}

BODY 
{
    height:100%;
    overflow:hidden;
    margin:0;
}
            
a:link, a:visited, a:active, a:hover
{
    color: #2479B3;
}

.pd-button 
{
    width: 80px;
    font-family: Arial;
    font-size:14px;
}
    
/*
=========================================
Titlebar
=========================================
*/
    
.app-fwk-titlebar
{
    height:50px;
    background-color:#FFFFFF;
    border:1px solid #AAAAAA;
    border-width:0 0 1px 0;
    overflow:hidden;
}

/*
=========================================
Toolbar
=========================================
*/

.menu
{
    font-size:11px;
    border:0 solid #000000;
    background-color:#FFFFFF;
    position:absolute;
    height:2px;
}    
    
.menu .menu-item .item-icon-16x16
{
    display:inline-block;
    padding:6px 9px 0 6px; 
    vertical-align:top;
    border:1px solid red;
}
    
.menu .menu-item .item-icon-24x24
{
    display:inline-block;
    padding:10px 4px 0 12px;
    vertical-align:top;
}
 
.menu .menu-item .item-text-24x24
{
    display:inline-block;
    vertical-align:top;
    width:300px;
    white-space:normal;
    padding:5px 5px 5px 45px;
    background-repeat:no-repeat;
    background-position:8px 8px;
}
    
.menu .menu-item .separator 
{
    border:0px dashed #AAAAAA;
    border-width:1px 0 0 0;  
}
    
.menu .menu-item .menu-link 
{
    width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:inline-block;
    overflow:hidden;
    line-height:14px;
}
    
.menu .disabled 
{
    filter:alpha(opacity=30);
    background-color:none !important;
}

.app-fwk-toolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 40px;
    box-sizing: border-box;
}

/* user menu */
.app-fwk-toolbar .app-fwk-toolbar-user {
    padding: 0;
    vertical-align: top;
    width: 300px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: none;
    border: 0 none;
}
    
.app-fwk-toolbar .app-fwk-toolbar-user > ul 
{
    z-index:1000;
    height: 25px !important;
    border: 0 none transparent;
    position: absolute;
    right: 0;
    top:0;
    bottom: 0;
    width:275px;
    text-align: right;
}

.app-fwk-toolbar .app-fwk-toolbar-user > ul > li:first-child {
    position: absolute;
    right: 0;
    border-left: 1px solid #AAAAAA;
}

/* main menu */
.app-fwk-toolbar .app-fwk-toolbar-main
{
    padding:0;
    vertical-align:top;
}
    
.app-fwk-toolbar .app-fwk-toolbar-main > ul 
{
    z-index:1000;
}

.app-fwk-toolbar .app-fwk-toolbar-manage 
{
    position: absolute;
    top: 0;
    right:0;
    bottom: 0;
    width:25px;
    box-sizing: border-box;
    cursor: pointer;
    zoom: 1;
    z-index: 1000;
}

.app-fwk-toolbar .app-fwk-toolbar-manage > a {
    position: relative;
    display: inline-block;
    padding: 5px;
    height: 25px;
    width: 25px;
    box-sizing: border-box;
    background-image:url(../../application/icons/misc/gearwheel.png);
    background-position: center center;
    background-repeat:no-repeat;
    text-decoration: none;
}

.app-fwk-toolbar .app-fwk-toolbar-manage > a:hover {
    background-color: #FFFFFF;
}

/*
=========================================
Viewbar
=========================================
*/

.app-fwk-viewbar 
{
    height: 30px;
    padding:0 0 0 0;
    background-color:#FFFFFF;
}
 
/*
=========================================
Viewport
=========================================
*/

.app-fwk-viewport 
{
    overflow:hidden;
    background-color:#FFFFFF;
    padding:0;
    position: absolute;
    top: 40px;
    bottom: 0;
    right: 0;
    left: 0;
}

.app-fwk-viewport > IFRAME 
{
    background-color:#FFFFFF;
}