/*!
 * Ext JS Library 3.4.0
 * Copyright(c) 2006-2011 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */


/* the overlayed element */
#myOverLay {    
    
    /* initially overlay is hidden */
    display:none;

    /* growing background image */
    background-image:url(/images/white.png);

    /*
      width after the growing animation finishes
      height is automatically calculated
      */
    width:450px;

    /* some padding to layout nested elements nicely  */
    padding:35px;

    /* a little styling */
    font-size:11px;
    color: #445566;
    text-align: left;
}

#myOverLay h2 {
    border-bottom: 1px solid #CCCCCC;
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
    margin: 24px 0 12px;
}

/* default close button positioned on upper right corner */
#myOverLay .close {
    background-image:url(/images/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}

#myOverLay table 
{
    width: 100%;
    border-collapse:collapse;
    margin: 12px;
    font-size:13px;
}

#myOverLay table .label 
{
    width: 50px;    
    font-weight: bold;
}

#myOverLay table td 
{
    line-height: 20px;
    padding-left: 5px;
    padding-right: 5px;
}
#myOverLay table a 
{
    color: #3399FF;
}

body
{
    /*margin: 20px;*/
}
h1
{
    margin-bottom: 15px;
    font-size: 16px;
}

#app-header
{
    text-align: center;
    font-family: arial;
}
#app-center .x-panel-header
{
    font-size: 13px;
    text-align: center; /*padding-left: 178px;*/
    font-family: helvetica, arial, sans-serif;
    color: #455C6F;
}
#app-west
{
    border-right: 1px solid #99BBE8;
}
#app-west .x-panel-body
{
    background: #D0DEF0;
}
#app-header-content h1
{
    float: left;
    margin: 8px 5px;
    font-size: 18px;
    color: #455C6F;
}
#app-logo
{
    float: left;
    margin: 5px 10px;
    width: 30px;
}
#app-logo .logo-top, #app-logo .logo-bottom
{
    height: 0;
    overflow: hidden;
    margin: 0 1px;
    border-top-width: 1px;
    border-top-style: solid;
    border-color: #9F2727;
}
.ext-border-box #app-logo .logo-top, .ext-border-box #app-logo .logo-bottom
{
    height: 1px;
}
#logo-body
{
    margin: 0;
    text-align: center;
    overflow: hidden;
    border-width: 3px 1px 0;
    border-style: solid;
    border-color: #9F2727;
    background: #fff;
    font-weight: bold;
    padding: 1px 0 2px;
    font-size: 18px;
    line-height: 18px;
    color: #455C6F;
}
#app-msg
{
    /*    background: #FAD163;*/
    color: #c8a52e;
    padding: 2px 10px;
    font-weight: bold;
    font-size: 13px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}