/*
 *      Copyright (c) 2011 by Micro Elektronische Producten.
 *      All rights reserved.
 *  
 *  This software is copyrighted by, and is the sole property of Micro
 *  Elektronische Producten.  All rights, title, ownership, or other
 *  interests in the software remain the property of Micro Elektronische
 *  Producten.  This software may only be used in accordance with the
 *  corresponding license agreement.  Any unauthorized use, duplication,
 *  transmission, distribution, or disclosure of this software is
 *  expressly forbidden.
 *  
 *  This Copyright notice may not be removed or modified without prior
 *  written consent of Micro Elektronische Producten.
 *  
 *  Micro Elektronische Producten
 *  Noordeinde 124F                    tel:   +31 [0]20 482 56 32
 *  1121 AL  Landsmeer                 web:   http://www.mep-telecom.com
 *  The Netherlands                    email: info@mep-telecom.com
 */
body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url('../images/menu.gif');
    background-repeat: repeat-y;
    /*scrollbar-base-color: #8897BF*/
}

body.overzicht {
    background-image: url('');
    background-color: #c0c0c0;
    background-color: #C7D2E8
}

body.kaart {
    background-image: url('');
    background-color: #ffffff
}

body.popup {
    background-image: url('');
    background-repeat: no-repeat
}

/* Wordt gebruikt door meerdere opjecten */

.w50  {width:  50%}
.w100 {width: 100%}

.rood  {color: #AA0000}
.groen {color: #00AA00}

/* Algemene style van objecten */

div              {font-family: verdana,arial,"sans-serif"}
td               {font-family: verdana,arial,"sans-serif"; color: #6F6F6F; font-size: 11px; vertical-align: top}

td               {font-family: verdana,arial,"sans-serif"; color: #003366; font-size: 11px; vertical-align: top}

input            {font-family: verdana,arial,"sans-serif"; color: #86878b; font-size: 10px; font-weight: bold}
legend           {font-family: verdana,arial,"sans-serif"; color: #003366; font-size: 10px; font-weight: bold}
select           {font-family: verdana,arial,"sans-serif"; color: #86878b; font-size: 10px; font-weight: bold}

label            {cursor: pointer} /*cursor: auto*/
form             {margin: 0px 0px 0px 0px}
fieldset         {width: 100%; border: 1px solid #8897BF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}
ul               {list-style-type: square}
img              {border: 0px; vertical-align: middle}

/* Hyperlinks */

a:link, a:visited, a:active {color: #0000FF}
a:hover                     {color: #FF0000}

a.menu:link, a.menu:visited, a.menu:active, a.menu:hover {
    font-size: 10px;
    font-weight: bold;
    color: #545557;
    text-decoration: none
}

/* Span */

span.underline {text-decoration: underline}

/* Afbeelding */

img.icon13     {cursor: auto; width: 13px; height: 13px}
img.icon16     {cursor: auto; width: 16px; height: 16px}
img.vlag       {cursor: auto; width: 25px; height: 18px}
img.led        {cursor: auto; width:  8px; height:  8px}

img.refresh    {vertical-align: middle; visibility: hidden; position: absolute; margin-right: 1px}

/* Textarea - textarea */

textarea.hidden    {visibility: hidden; position: absolute; top: 0px; left: 0px}
textarea.visible   {visibility: visible}

/* Tabellen - tr */

tr.hidden    {visibility: hidden; position: absolute; top: 0px; left: 0px}
tr.visible   {visibility: visible}

tr.bg3       {}
tr.bg4       {background-color: #EEEEEE}

/* Tabellen - td */

td.w10           {width: 10%}
td.w20           {width: 20%}
td.w25           {width: 25%}
td.w75           {width: 50%}
td.w80           {width: 80%}

td.left          {font-weight: normal; text-align: right; vertical-align: middle; color: #6F6F6F}

td.value         {font-weight: bold; height: 17px; vertical-align: middle}

td.other         {height: 17px; vertical-align: middle}

td.lefttop       {font-weight: normal; text-align: right; vertical-align: top; color: #6F6F6F}

td.inner         {padding: 10px}

td.h17           {height: 17px; vertical-align: middle}

td.legend        {font-size: 10px;  font-weight: bold}

td.uitleg        {vertical-align: top; color: #AA0000}

td.line          {height: 1px; background-color: #525252}

td.storing       {color: #AA0000; font-weight: bold}
td.center        {text-align: center}

/* Tabellen - table */

table.w97   {width:  97%}
table.inner {width: 100%; padding: 8px}

/* Knoppen */

input.button {
    height: 20px;
    width: 70px;
    color: #003366;
    cursor: pointer;
    background-color: #D9E2F2;
    border: 1px solid #8897BF;
    background-image: url('../images/cmdGradient.gif');
    background-repeat: repeat-x;
    margin-top: 4px;
    margin-bottom: 4px
}

input.unicode {
    font-family: Arial;
    font-size: 10px;
    width: 20px;
    height: 20px
}

input.button:disabled {
    color: #aaaaaa;
    font-style: italic
}

input.calSelected {
    color: #003366;
    width: 25px;
    height: 25px;
    background-color: #D9E2F2;
    border: 1px solid #003366
}

input.calIdle {
    color: #003366;
    width: 25px;
    height: 25px;
    background-color: #ffffff;
    border: 1px solid #8897BF
}

/* Invoervelden */

input.inputfield {
    border: #86878b 1px solid;
    height: 12px
}

input.inputfield {
    color: #003366;
    background-color: #D9E2F2;
    border: 1px solid #8897BF;
    background-image: url('../images/inputGradient.gif');
    background-repeat: repeat-x;
    height: 12px
}

input.inputfield:disabled {
    color: grey;
}

input.inputfielderror{
    border: #AA0000 1px solid;
    color: #AA0000;
    height: 12px;
    background-image: url('../images/inputGradientRood.gif');
    background-repeat: repeat-x;
}

/* Hernoem style voor programma's */

input.rename {
    border: 1px solid #000000;
    width: 95%;
    height: 12px;
}

/* Checkbox */

input.chkbox {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0px
}

/* Select */

select {
    color: #003366;
    background-color: #D9E2F2;
    background-color: #D3DCEE
}

select.error{color: #AA0000}

select.visible {
    /*display: inline;*/
}

select.hidden {
    /*display: none;*/
    font-weight: lighter;
    font-style: italic
}

/* Meer */

textarea.showlist {
    font-family: monospace;
    font-size: 12px;
    border: #86878b 1px solid;
    color: #86878b;
    height: 150px;
    width: 350px
}

/* Moet nog iets mee gedaan worden... */

.bold {
    font-size: 10px;
    font-weight: bold
}

/* Alleen voor het menu */

td.menumouseover{
    border-left: #5d72aa 3px solid;
    background-color: #eaeaea;
    color: #545557;
    padding: 0px 0px 0px 5px;
    font-size: 10px;
    font-weight: bold
}
td.menumouseout{
    background-color: #FFFFFF;
    color: #545557;
    padding: 0px 0px 0px 5px;
    font-size: 10px;
    font-weight: bold
}

td.menusep      {height: 25px}
td.menusepsmall {height:  5px}

.leftpanel{
    margin: 5px 5px 5px 5px;
    width: 190px
}

.top{
    min-height: 42px;
    height: 42px;
    max-height: 42px;
    background-image: url('../images/back1.png');
    background-color: #4e65a2;
    background-repeat: repeat-y;
}

.subtop{
    min-height: 6px;
    height: 6px;
    max-height: 6px;
    background-image: url('../images/back2.png');
    background-color: #e6edf7;
    background-repeat: repeat-y;
}

.menuheader{
    padding: 0px 0px 0px 5px;
    border-top: #8897BF 1px solid;
    border-bottom: #8897BF 1px solid;
    background-color: #e2eaf7;
    font-weight: bold;
    color: #000000;
    background-image: url('../images/cmdGradient.gif')
}

td.menuleft  {font-weight: normal; text-align: right; vertical-align: middle; color: #6F6F6F}
td.menuvalue {font-weight: bold; vertical-align: middle}

td.moduletitel {
    font-size: 14px;
    font-weight: bold;
    color: #5d72aa
}

img.title {
    position:absolute;
    left: 9px;
    top: 4px
}

div.texttitle{
    position:absolute;
    left: 55px;
    top: 20px;
    font-size: 16px;
    font-weight: bold
}

/* Het overlay loading ding... */

iframe.iframeOverlay {
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 91;
    width: 225px;
    height: 120px;
    border: 2px outset
}

div.divOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;
    background-color: #000000;
}

/* Styles voor het toetsenbord */
/*
    input.unitbutton:disabled {
        font-style: italic;
        font-weight: lighter;
        color: #c0c0c0
    }
*/

input.unitbutton {
    height: 50px;
    width: 50px;
    background-color: #FFDD00;
    color: #000022;
    border: 3px solid #000080;
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold
}
input.unitHidden {
    background-color: #c0c0c0;
    border: 3px solid #c0c0c0;
}
input.klein {
    font-size: 11px;
}
input.unitRood {
    background-color: #DD0000;
}
div.unitDisplay {
    height: 105px;
    width: 275px;
    border: 1px solid #000000;
    font-family: "Courier New";
    font-weight: bold;
    font-size: 22px;
    background-color: #22AA11;
}
div.unitDisplayElec {
    height: 105px;
    width: 275px;
    border: 1px solid #000000;
    font-family: "Courier New";
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 1px;
    background-color: #22AA11;
}
div.unitDisplayElec2 {
    width: 275px;
    font-family: "Courier New";
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 1px;
}

/* Styles voor progressbars */

img.barHidden {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px
}
img.barVisible {
    position: relative;
}

/* Styles voor het maken van programmas */

span.help {
    background-color: #ffffff;
    pointer: 'default';
}

span.help_highlight {
    background-color: #00aa00;
    color: #ffffff;
    pointer: 'help';
}

/* Styles voor het maken van programmas */

textarea.programma {
    width: 220px;
    height: 640px;
    border: 1px solid #000000;
    margin-top: 0px;
    padding-top: 0px;
    overflow: auto;
    font-family: "verdana";
    font-weight: normal;
    line-height: 20px;
    word-spacing: 7px;
    background-image: url('/images/imgBGprogramma.gif');
    background-repeat: repeat;
    background-attachment: scroll
}

div.spanProgramma {
    width: 25px;
    height: 641px;
    border: 1px solid #000000;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 3px;
    overflow: hidden;
    font-family: "verdana";
    font-weight: normal;
    line-height: 20px;
    word-spacing: 7px;
    background-image: url('/images/imgBGprogramma.gif');
    background-repeat: repeat;
    background-attachment: scroll;
    text-align: right
}