/*
    The HiddenFields does NOT cause to the "Validation of viewstate MAC failed." problem (machineKey)
    div.aspNetHidden {
    display: none;
}*/
/*#my {
    zoom: 100%;
}*/
body {
    /*background-color: green;*/
    font-family: Veranda, Arial, sans-serif;
    /*position: relative;
    top: 0px;
    left: 0px;
    height: 795px;*/

    /*transform: scale(1.0);*/

    /*overflow:auto;*/
}
.bodyPortal {
    width: 1000px;
    height: 900px;
    background-size: 100% 100%;
}

div {
    direction:rtl;
    /*background-color: lightgrey;*/
    background-position: center center;   
    font-family: Arial; 
    text-align:center;
    
    /*position: relative;*/ 
    /*width: 900px;*/
    /*right: 30px;*/
    /*background-image: url('Backgrounds/paper008.jpg');*/
    /*top: 0px;
    right: 99px;
    width: 897px;*/
}

    /*div.zoom {
        background-color: green;
        zoom: 175%;
        zoom: 3;
        -moz-transform: scale(3);
        -moz-transform-origin: 0 0;
    }*/

div.internalDiv {
    /*direction:rtl;*/
    background-color: lightcyan;
    font-family: Arial; 
    text-align:center;
    /*position: relative;*/ 
    /*width: 800px;*/ 
    }
div.scroll {
    overflow: scroll;
}
div.background{
    /*background-image: url('Backgrounds/elipsa.jpg');
    background-size:100% 100%;*/
    overflow: scroll;
}

div.hiddenScroll {
    overflow: hidden;
}

form.bck {
    /*background: url('Backgrounds/elipsa.jpg') no-repeat center ;*/
    background-image: url('Backgrounds/elipsa.jpg');
    background-size: 100% auto;
    /*background-color: red;*/
}

h1 {
    background-color: yellow;
    background-position: center center; 
    color: black;
    line-height: 150%;
    text-align: center;
    position: relative; 
    width: 800px; 
    right: 30px;
    /*background-image: url('Backgrounds/CLOUDS.JPG');*/
}
.headerFooter_1 {
    background-position: right;
    font: 18px arial;
    text-align: right;
    width: 780px;
    margin-right: 20px;
}

.headerFooter_2 {
    background-position: right;
    font: 24px arial;
    text-align: right;
    width: 780px;
    margin-right: 40px;
}
.headerFooter_3 {
    background-position: right;
    font: bold 28px arial;
    text-align: right;
    width: 680px;
    margin-right: 100px;
}

.headerFooter_3_28 {
    background-position: right;
    font: bold 28px arial;
    text-align: right;
    width: 680px;
    margin-right: 100px;
}
.headerFooter_3_30 {
    background-position: right;
    font: bold 30px arial;
    text-align: right;
    width: 640px;
    margin-right: 140px;
}

.header_1 {
    background-position: right;
    font: bold 18px arial;
    text-align: right;
    color: black;
    width: 760px;
    margin-right: 20px;
}
.header_1_21 {
    background-position: right;
    font: bold 21px arial;
    text-align: right;
    color: black; /*white*/
    width: 760px;
    margin-right: 20px;
}
.header_1_24 {
    background-position: right;
    font: bold 24px arial;
    text-align: right;
    color: black; /*white*/
    width: 760px;
    margin-right: 20px;
}
.header_2 {
    background-position: right;
    font: bold 14px arial;
    text-align: right;
    color: black;
    font-size: large;
    width: 760px;
    margin-right: 20px;
}

.text_1 {
    background-position: right;
    font: 24px arial;
    text-align: right;
    font-size: large;
    width: 800px;
    margin-right: 40px;
}
.text_2 {
    background-position: right;
    font: 14px arial;
    text-align: right;
    color: black;
    font-size: large;
    width: 780px;
    margin-right: 40px;
}
.text_3 {
    background-position: right;
    text-align: right;
    color: black;
    font-size: large;
    width: 740px;
    margin-right: 60px;
}
.text_3_Nested {
    background-position: right;
    text-align: right;
    color: black;
    font-size: large;
    width: 695px;
    margin-right: 85px;
}
.text_XXlarge_Nested {
    background-position: right;
    text-align: right;
    color: black;
    font-size: xx-large;
    width: 695px;
    margin-right: 85px;
}

/*h2 {
    background-color: lightyellow;
    background-position: center center; 
    color: black;
    line-height: 120%;
    text-align: center;
    position: relative; 
    width: 893px; 
    right: 274px;
    background-image: url('Backgrounds/CLOUDS.JPG');
    top: -63px;
}*/
h2 {
    background-color: lightyellow;
    background-position: center center; 
    color: black;
    line-height: 120%;
    text-align: center;
    position: relative; 
    width: 820px; /*893*/
    right: 30px;
    background-image: url('Backgrounds/CLOUDS.JPG');
    top: 0px;
}

h3 {
    background-color: lightcoral;
    background-position: center center; 
    color: black;
    line-height: 120%;
    text-align: center;
    position: relative; 
    width: 858px; 
    right: 67px;
    background-image: url('Backgrounds/CLOUDS.JPG');
    top: -21px;
}
p {
    background-color: transparent;
    background-position: center center;   
    /*direction:rtl;*/
    font-family: Arial; 
    font-size: large;
    text-align:right;
}

p.colored {
    background-color: aliceblue;
    background-position: center center;   
    /*direction:rtl;*/
    font-family: Arial; 
    font-size: large;
    text-align:center;
}
label {
    font-family: Arial; 
    font-size: medium; 
    /*background-color: #FFFFCC;*/  
    text-align: center;
}
input {
    font-family: Arial;
    font-size: medium;
    background-color: white; /* aliceblue beige  white; #CCFFFF */
    text-align: center;
}
    input.sizes {
        font-family: Arial;
        font-size: large;
        background-color: beige; /* #CCFFFF */
        text-align: center;
        width: 190px;
    }
    input.sizesWide {
        font-family: Arial;
        font-size: large;
        background-color: beige; /* #CCFFFF */
        text-align: center;
        width: 210px;
    }
    input.InCell {
        border: none;
        font-family: Arial;
        font-size: small;
        background-color: white;
        width: 120px;
        text-align: center;
    }

    input.inCell_Medium {
        border: none;
        font-family: Arial;
        font-size: small;
        background-color: white;
        width: 100px;
        text-align: center;
    }

    input.inCell_Narrow {
        border: none;
        font-family: Arial;
        font-size: small;
        background-color: white;
        width: 50px;
        text-align: center;
    }

    input.inCell_VeryNarrow {
        border: none;
        font-family: Arial;
        font-size: small;
        background-color: white;
        width: 25px;
        text-align: center;
    }

    input.submitButton {
        font-family: Arial;
        font-size: large;
        /*background-color: chartreuse;*/
        width: 135px;
        text-align: center;
        cursor: pointer;
    }

    input.saveButton {
        font-family: Arial;
        font-size: large;
        /*background-color: lightgreen;*/
        width: 135px;
        text-align: center;
        cursor:  pointer;
    }
    input.buttonStyle {
        cursor: pointer;
    }
.ButtonClass {
    cursor: pointer;
}
 
a{
    font-family: Arial; 
    font-size: x-large ; 
    /*background-color: cyan;*/
    background-position: center center; 
    color: black;
    text-align: center;
    /*position: relative;*/ 
    width: 200px;
}
a.anyWere{
    font-family: Arial; 
    font-size: x-large ; 
    background-color: cyan;
    color: black;
    text-align: center;
    width: 200px;
}
a.goTo{
    font-family: Arial; 
    font-size: x-large; 
    background-color: cyan;
    background-position: center center;
    color: black;
    text-align: center;
    position: absolute; 
    left: 103px;
    top:9px;
    width: 162px;
}
table {
    position: relative; 
    right:10px;
    border: 1px solid black;
    caption-side: block-start;
}
td {
    font-family: Arial; 
    font-size: small; 
    /*border: 1px solid black;*/
    background-color: white; /*chartreuse;*/ 
    text-align: center;
    /*width: 120px;*/
}

td.tdTitle {
    font-family: Arial; 
    font-size: small; 
    /*border: 1px solid black;*/
    background-color: antiquewhite;
    text-align: center;
}
th {
    border: none; /*1px solid black;*/
    background-color: antiquewhite; /*white;*/
    text-align: center;
    width: 120px;
}
th.thMedium {
    border: none; /*1px solid black;*/
    background-color:antiquewhite;
    text-align: center;
    width: 100px;
}
th.thNarrow {
    border: none; /*1px solid black;*/
    background-color:antiquewhite;
    text-align: center;
    width: 50px;
}
th.thVeryNarrow {
    border: none; /*1px solid black;*/
    background-color:antiquewhite;
    text-align: center;
    width: 25px;
}
li {
    font-family: Arial; 
    font-size: medium; 
    text-align: right; 
    left: 100px;
}

.backgroundPosition_Center {
    background-position: center center;
}
.wrap {
    white-space: normal !important;
    /*top: auto;*/
    /*width: 100px !important;*/
}

.auto-style1 {
    text-decoration: underline;
}

.ddrr {
    direction: rtl;
}

.CssStyle1 {
    font: 10pt Verdana;
    font-weight: 700;
    color: Green;
}

.CssStyle2 {
    font: 15pt Times;
    font-weight: 300;
    color: Blue;
}

.labelStyle {
    font-family: Arial;
    font-size: xx-large;
    text-align: left;
    height: 100px;
}

.buttonStyle {
    font-family: Arial;
    font-size: xx-large;
    text-align: left;
    height: 100px;
    left: 200px
}

#progBar_Background {
    width: 100%;
    background-color: lightgray;
}

#runningBar {
    width: 1%;
    height: 30px;
    background-color: darkgray;
}