@font-face {
    font-family: 'Gotham-Light';
    src: url('Fonts/Gotham-Light.otf') format('truetype');
}

html {
    font-family: Gotham-Light,Gotham-Medium,Gotham-Black_2,Gotham-BlackItalic_0,Gotham-Bold,Gotham-Book,Tahoma, Verdana;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    background: fixed no-repeat url('../../Images/Background.jpg');
    background-position-y: 100px;
    background-size: 100%;
    font-family: Gotham-Light,Gotham-Medium,Gotham-Black_2,Gotham-BlackItalic_0,Gotham-Bold,Gotham-Book;
    font-size: 1em;
    color: #000;
    text-align: left;
}
p{text-align:left; padding:4px;}
li {
    list-style: none;
}

td {
    padding: 6px;
    text-align: left;
}
/*  #67B380 Lgreen #2D8873 Dgreen #32338e Purple #2087A4 Turqouis */
a {
    color: #500090;
    font-weight: bold;
    text-decoration: none;
}



img {
    border: none;
    border-radius: 15px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    padding: 4px;
    color: #000;
    text-align: center;
    margin:10px;
}

h1 {
    font-size: 2em;
    font-weight: bolder;
}

h2 {
    font-size: 1.6em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.3em;
}

h5 {
    font-size: 1.1em;
}

h6 {
    font-size: 1em;
}
/*  url('../../Images/hr1.png') repeat-x; */

hr {
    margin-left: 5%;
    float: left;
    width: 90%;
    height: 2px;
    background: #300030;
    clear:both;
}
/*  url('../../images/hr1.png') repeat-x; */

ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }

.checkbox {
    margin: 4px;
    padding: 4px;
    font: large;
}



    #footer h1, h2, h3, h4, h5, h6{color:#fff;}
    .opac {
        opacity: 0.6;
        filter: alpha(opacity=60); /* For IE8 and earlier */
    }

#YNCs {
    width: 70%;
    height: auto;
    background-color: #32338e;
    color: #fff;
    padding: 6px;
    display: block;
    border: none;
    border-radius: 8px;
    float: left;
    position: fixed;
}

    #YNCs a {
        color: #ff0;
    }

.divopac {
    background: #32338e;
    opacity: 0.7;
    color: #ffffff;
    margin: 60px 10px 60px 10px;
    padding:6px;
}

    .divopac a {
        color: #ffff00;
    }

    .divopac h4 {
        color:#ffffff;
    }

    .divopac h3 {
        color: #ffffff;
    }

    .divopac h2 {
        color: #ffffff;
    }

    .divopac h1 {
        color: #ffffff;
    }
.clear {
    clear: both;
}


.gradient {
    background-image: radial-gradient( circle at top right, yellow, #f06d06 );
}

.repeat {
    background-image: repeating-linear-gradient( 45deg, yellow, yellow 10px, red 10px, red 20px /* determines size */
    );
}

.repeat2 {
    background: repeating-radial-gradient( circle at 0 0, #eee, #ccc 50px );
}

.twoStops {
    background-image: linear-gradient(to bottom right, #FFFFFF 0%, #9B7955 100%);
}

.threeStops {
    background-image: linear-gradient(to bottom right, #FFFFFF 0%, #7EE581 50%, #00A3EF 100%);
}


.bluband {
    clear: both;
    font-size: 1em;
    padding: 6px;
    border: 2px solid #ff0;
    border-radius: 15px;
    margin: 6px;
    color: #fff;
    background: #32338e;
    height: 600px;
}

    .bluband a {
        color: #ff0;
    }

    .bluband h1, h2, h3, h4, h5, h6 {
        color: #ffffff;
    }

.button {
    color: #000099;
    font-size: 1em;
    padding: 6px;
    border: 2px solid #3cfc4f;
    border-radius: 15px;
    margin: 6px;
    background: #ffffff;
    text-align: center;
    float: left;
}

    .button a {
        color: #0000fe;
    }

.btnico {
    color: #0000fe;
    font-size: 1em;
    padding: 6px 6px 6px 24px;
    border: 2px solid #3cfc4f;
    border-radius: 12px;
    margin: 6px;
    background: #ffffff;
    background-image: url('../../Images/LogoGreenT.png'); background-size:16px; background-position:left; background-repeat:no-repeat;
    text-align: center;
    float: left;
}
.btndis {
    color: #999999;
    font-size: 1em;
    padding: 6px;
    border: 2px solid #aaccff;
    border-radius: 15px;
    margin: 6px;
    background: #ddd;
    text-align: center;
    float: left;
    opacity: 0.6;
    filter: alpha(opacity=60); 
}

.button h1, h2, h3, h4, h5, h6 {
    color: #000000;
}

    .alert{background:#ffffff; color:#dd4400;}

.pageing{margin:2px; padding:1px; border:none; border-radius:5px;}

.narrowspacer {
    width: 90%;
    height: 20px;
    margin: 2%;
    clear: both;
}


/* ################# MENUS ################### */

.shadow {
    box-shadow: 3px 3px 5px 6px #ccc;
}

#barmenu {
    width: 98%;
}

.onew {
    float: left;
    clear: both;
    width: 90%;
    padding: 6px;
    border: 2px solid #3cfc4f;
    border-radius: 15px;
    margin: 2%;
    background: #ffffff;
}

seventyw {
    float: left;
    display: block;
    width: 70%;
    padding: 6px;
    border: 2px solid #3cfc4f;
    border-radius: 15px;
    margin: 1%;
    background: #ffffff;
}

.twow {
    float: left;
    display: block;
    width: 40%;
    padding: 6px;
    border: 2px solid #3cfc4f;
    border-radius: 15px;
    margin: 1%;
    background: #ffffff;
}
    /*.twow a {
        color: #400060;
    }*/

    .twow img {
        width: 90%;
        margin-left: 2%;
    }

.threew {
    float: left;
    width: 26%;
    padding: 4px;
    border: solid 2px #3cfc4f;
    border-radius: 20px;
    margin: 1%;
    background: #ffffff;
}

    .threew img {
        width: 90%;
        margin-left: 2%;
    }



.fourw {
    float: left;
    width: 20%;
    padding: 4px;
    /*border: solid 2px #aaccff;*/
    /*border-radius: 20px;*/
    border:none;
    margin: 1%;
    background: #ffffff;
}

    .fourw img {
        width: 90%;
        margin-left: 2%;
    }

.fivew {
    float: left;
    width: 16%;
    padding: 4px;
    border: solid 2px #3cfc4f;
    border-radius: 20px;
    margin: 1%;
    background: #ffffff;
}

    .fivew img {
        width: 90%;
        margin-left: 2%;
    }

.sixw {
    float: left;
    width: 14%;
    padding: 4px;
    border: solid 2px #3cfc4f;
    border-radius: 20px;
    margin: 1%;
    background: #ffffff;
}

    .sixw img {
        width: 90%;
        margin-left: 5%;
    }


.seventy {
    margin: 1%;
    padding: 6px;
    width: 70%;
    float: left;
    background: #ffffff;
    border: 2px solid #3cfc4f;
    border-radius: 15px;
}


.textbox {
    font-size: large;
    padding: 2px;
    margin: 2px 4px 2px 4px;
    border: solid 1px #3cfc4f;
    border-radius: 4px;
    background: #fff;
}

.SelectedRowStyle {
    background: #e1e8f0;
}

/*  ########### Ajax tools ################## */

.calstyle .ajax__calendar_body {
    width: 240px;
    padding: 6px;
    border: solid 1px #3cfc4f;
    border-top: none;
}

.calstyle .ajax__calendar_footer {
    background-color: #32338e;
    vertical-align: middle;
}