/* Frontend */

.widget_programarivm_pricechartsfortrading h3.widget-title 
{
    margin: 0px 0px 10px 0px ;
    padding: 0
}

#programarivm-charts {
    text-align: center
}

#programarivm-charts p {
    font-size: 12px;
    text-align: left;
    margin: 0;
    padding: 0
}

#programarivm-charts #ajax-loading {
    display: none;
    margin-top: 15px
}

#programarivm-charts > div.container {
    margin-bottom: 25px
}

#programarivm-charts .container {
    display: none;
    box-sizing: border-box;
    width: 100%;
    /* height... it's adapted to the real width in px (equals the width, in px, it's a perfect square) via JS! */
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent
}

#programarivm-charts .legend {
    position: relative;
    top: 15px;
    line-height: 12px
}

#programarivm-charts .placeholder {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1.2em;
}

/* Backend */

#programarivm-backend-settings hr {
    color: #ccc;
    background-color: #e6e6e6;
    height: 1px;
    border: 0;
    margin: 20px 0px 20px 0px
}

#programarivm-backend-header h1 {
    margin-bottom: 25px
}

#programarivm-backend-header h3.info {
    background:url('../img/info-icon.png') no-repeat;
    padding: 5px 5px 0px 28px;
    height: 22px
}

#programarivm-backend-header h3.warning {
    background:url('../img/warning-icon.png') no-repeat;
    padding: 5px 5px 0px 28px;
    height: 22px
}

#programarivm-backend-header p.files {
    margin: 0px 0px 0px 32px
}

#programarivm-backend-header {
    border-radius: 6px;
    padding: 5px 15px 15px 15px;
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#fff'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fff)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #fafafa, #fff); /* for firefox 3.6+ */
}

img#download-mt5 {
    border: 0;
}