/* ==========================================================
   MOBIL-FIRST CSS BAS
   För klassisk ASP och dynamiskt innehåll
   ========================================================== */

/* ---------- Reset ---------- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ---------- CSS Variabler ---------- */
:root {
    --max-width: 1200px;

    --bg: #f8f9fa;
    --surface: #ffffff;
    --text: #212529;
    --muted: #6c757d;

    --primary: #007bff;
    --success: #28a745;
    --danger: #dc3545;

    --radius: 12px;
    --shadow: 0 4px 12px rgba(0,0,0,0.08);

    --space-xs: 0.25rem;   /* 4px */
    --space-sm: 0.5rem;    /* 8px */
    --space-md: 1rem;      /* 16px */
    --space-lg: 1.5rem;    /* 24px */
    --space-xl: 2rem;      /* 32px */
}

/* ---------- Grund ---------- */
html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    color: var(--text);
    background: var(--bg);
}

/* ---------- Container ---------- */
.container {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: var(--space-md);
}

/* ---------- Typografi ---------- */
h1, h2, h3, h4, h5, h6 {
    margin-bottom: var(--space-md);
    line-height: 1.2;
    font-weight: 700;
}

h1 { font-size: 2rem; }      /* 32px */
h2 { font-size: 1.5rem; }    /* 24px */
h3 { font-size: 1.25rem; }   /* 20px */

p {
    margin-bottom: var(--space-md);
}

small,
.text-muted {
    color: var(--muted);
}

/* ---------- Länkar ---------- */
a {
    color: var(--primary);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* ---------- Kort / Box ---------- */
.card {
    background: var(--surface);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: var(--space-lg);
    margin-bottom: var(--space-lg);
}

/* ---------- Knappar ---------- */
.btn {
    display: inline-block;
    padding: 0.75rem 1.25rem;
    border: 0;
    border-radius: 8px;
    background: var(--primary);
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-size: 1rem;
}

.btn:hover {
    opacity: 0.9;
    text-decoration: none;
}

/* ---------- Formulär ---------- */
input,
textarea,
select {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 8px;
    font: inherit;
    margin-bottom: var(--space-md);
    background: #fff;
}

label {
    display: block;
    margin-bottom: var(--space-sm);
    font-weight: 600;
}

/* ---------- Bilder ---------- */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ---------- Tabeller ---------- */
.table-wrap {
    overflow-x: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th,
td {
    padding: 0.75rem;
    border-bottom: 1px solid #dee2e6;
    text-align: left;
}

/* ---------- Flex Utilities ---------- */
.flex {
    display: flex;
    gap: var(--space-md);
}

.flex-column {
    flex-direction: column;
}

.justify-between {
    justify-content: space-between;
}

.align-center {
    align-items: center;
}

/* ---------- Grid ---------- */
.grid {
    display: grid;
    gap: var(--space-md);
}

/* ---------- Header / Footer ---------- */
header,
footer {
    padding: var(--space-lg) 0;
}

header {
    background: var(--surface);
    box-shadow: var(--shadow);
}

/* ---------- Dölja på mobil ---------- */
.hide-mobile {
    display: none;
}

/* ==========================================================
   BREAKPOINT: 590px+
   Större mobiler och små surfplattor
   ========================================================== */
@media screen and (min-width: 590px) {
    .container {
        padding: var(--space-lg);
    }

    .grid-2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--space-lg);
    }

    .hide-mobile {
        display: block;
    }














}

/* ==========================================================
   BREAKPOINT: 768px+
   Surfplatta
   ========================================================== */
@media screen and (min-width: 768px) {
    h1 { font-size: 2.5rem; }
    h2 { font-size: 2rem; }

    .grid-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--space-lg);
    }
}

/* ==========================================================
   BREAKPOINT: 1200px+
   Desktop
   ========================================================== */
@media screen and (min-width: 1200px) {
    body {
        font-size: 1.05rem;
    }
}   

                                       
                                     /* Överallt*/

 
#calendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
}

.day {
  padding: 10px;
  background: #f3f3f3;
  min-height: 80px;
}

.day.has-event {
  background: #dff0ff;
  cursor: pointer;
}

.day a {
  color: #0077cc;
  text-decoration: none;
}
 .TextInputTextAreaBox:focus{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#3c3e61;padding:4px; min-height:350px;;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;cursor:pointer;text-transform: none;border: 1px solid #e5e2d7;border-radius:3px;}
                                     .TextInputTextAreaBox{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#3c3e61;padding:4px; min-height:350px;;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;cursor:pointer;text-transform: none;border: 1px solid #e5e2d7;border-radius:3px;}

.day a:hover {
  color: #ff6600;
}

/* Modal */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
}

.modal-content {
  background: white;
  padding: 20px;
  width: 300px;
  margin: 10% auto;
}

.hidden {
  display: none;
}

.plainTextGrey75
{
	font-weight: normal;
	font-size: 0.75em;
	color: #404040;
	font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;
	text-decoration: none;
}

.headerMenyTextChosen
{
	font-weight: normal;
	font-size: 1.0em;
	color: #404040;

	font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;
	text-decoration: none;
}

.plainTextGrey10
{
	font-weight: normal;
	font-size: 1.0em;
	color: #404040;
	font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;
	text-decoration: none;
cursor:default;
}
.plainTextGrey10:link
{
	font-weight: normal;
	font-size: 1.0em;
	color: #404040;
	font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;
	text-decoration: none;
cursor: pointer;
}
.plainTextGreen
{
	font-weight: normal;
	font-size: 0.85em;
	color: #27a10f;
	font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;
	text-decoration: none;
}


.mainPlainTextTextBoxArea
{
	font-weight: normal;
	font-size: 0.9em;
	color: #000000;
	font-family: 'Open Sans', sans-serif, arial;;
	text-decoration: none;
 border: #EFEFEF 1px solid;
	overflow: auto;
} 
 


.plainTextRed
{

	font-weight: normal;
	font-size: 1.1em;
	height:30px;

width:100%;
border-radius:4px;
	color: red;


	font-family: Tahoma, Verdana, Arial;
	text-decoration: none;
	
 
cursor:pointer;
}




.mainPlainTextTextBoxCenter
{
	font-weight: normal;
	font-size: 0,85em;
padding:4px;
	color: #000000;
width:22px;
height:30px;
	font-family: 'Open Sans', sans-serif, arial;
	text-decoration: none;
	border: #EFEFEF 1px solid;
border-radius:5px;
 
} 
.LinelistHover {
    width: 100%;
    height: 20px;
    display: block;
    position: relative;
    float: left;
    padding: 5px 0 0 0;
    transition: background-color 0.2s ease;
}

.LinelistHover:hover {
    background-color: #f2f0f0;
}


                                     .bar1, .bar2, .bar3 {width: 25px;height: 1px;background-color: white;margin: 4px 4px 0px 4px ;padding:0px;transition: 0.4s;}
 
                                     .mainPopup1{ width: 641px;position: fixed;height: 226px; top: 25%; right: 40%;z-index:150;}
                                       
                                     .slideanim {visibility:hidden;}
                                     .slide {animation-name: slide;-webkit-animation-name: slide;animation-duration: 1s;-webkit-animation-duration: 1s;visibility: visible;}

                                     @keyframes slide {0% {opacity: 0;transform: translateY(70%);} 100% {opacity: 1;transform: translateY(0%);}}
                                     @-webkit-keyframes slide {0% {opacity: 0;-webkit-transform: translateY(70%);} 100% {opacity: 1;-webkit-transform: translateY(0%);}}
                                     @media screen and (max-width: 768px) {.col-sm-4 {text-align: center;margin: 25px 0;}.btn-lg {width: 100%;margin-bottom: 35px;}}
                                     @media screen and (max-width: 480px) {.logo {font-size: 150px;}}

                                     .AdminDeleteButtonLineList:hover{font-family: 'Open Sans', sans-serif, arial;color:white;background-color:#e15050;font-size:0.80em;font-style:normal;font-weight:lighter;text-align:center;opacity:1;overflow: hidden;text-decoration:none;}
                                     .AdminDeleteButtonLineList{font-family: 'Open Sans', sans-serif, arial;color: white;background-color:#d91414;font-size:0.8em;font-style:normal;font-weight:lighter;text-align:center;opacity:1;overflow: hidden;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;;text-decoration:none;}
                                     .AdminUpdateButton:hover{font-family: 'Open Sans', sans-serif, arial;color:white;background-color:#70c85b;font-size:0.8em;font-style:normal;font-weight:lighter;text-align:center;opacity:1;overflow: hidden;text-decoration:none;}
                                     .AdminUpdateButton{font-family: 'Open Sans', sans-serif, arial;color: white;background-color:#2fb60f;font-size:0.8em;font-style:normal;font-weight:lighter;text-align:center;opacity:1;overflow: hidden;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;;text-decoration:none;}
                                     
                                     #footerBox1{min-width:120px;width:100%;min-height:10px;height:auto;float:left;position:relative;display:block;margin:2% 0% 0% 0%;}
                                     #footerBox2{min-width:120px;width:100%;min-height:10px;height:auto;float:left;position:relative;display:block;margin:2% 0% 0% 0%;}
                                     #footerBox3{min-width:120px;width:100%;min-height:10px;height:auto;float:left;position:relative;display:block;margin:2% 0% 0% 0%;}
                                     #footerBox4{min-width:220px;width:100%;min-height:10px;height:auto;float:left;position:relative;display:block;margin:2% 0% 0% 0%;}
                                     #footerInnerBox{min-width:280px;width:95%;min-height:10px;height:auto;float:left;position:relative;display:block;margin:1% 10% 0% 2%;}
                                     #footern{display:block;position:relative;float:left;width:100%;min-height:100px;height:auto;background-color:#f0f1f6;}

                                     #newMMeny:hover{height:31px;width:31px;cursor:pointer;display:block;float:left;position:relative;top:20%;left:-1.2%;background-image: url('../Imgfavicon/tre-korv-bla-a.png');background-repeat: no-repeat;content:'☰';background-color:transparent;}
                                     #newMMeny{height:31px;width:31px;cursor:pointer;display:block;margin:22px;float:left;position:relative;top:20%;left:-1.2%;background-image: url('../Imgfavicon/tre-korv-bla-a.png');background-repeat: no-repeat;content:'☰';background-color:transparent;}
                                     #newMMenyClose{height:31px;width:31px;cursor:pointer;display:block;margin:22px;float:left;position:relative;top:20%;left:-1.2%;background-image: url('../Imgfavicon/tre-korv-bla-a.png');background-repeat: no-repeat;content:'☰';background-color:transparent;}

                                     .TextInputDrop{outline:none;font-family:   Google Sans Flex, 'Open Sans', sans-serif, arial;color: #797979;border: 1px solid #dddeec;height: 25px;width: auto;font-size:0.8em;font-style:normal;font-weight:lighter;overflow:inherit;outline:no;text-decoration: none;float:left; overflow: auto;display: block;line-height:100%;background-color: transparent;-webkit-border-radius: 0 2pt 2pt 0  ;-moz-border-radius:  2pt 0 2pt  0  ;border-radius: 3pt 0 0 3pt;}


                                      TextInput:focus{outline:none;font-family:Google Sans Flex, 'Segoe UI', 'Helvetica Neue', sans-serif;border: 1px solid #ded9bf;}
                                     .TextInput{outline:none;font-family: Google Sans Flex,'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75em;color:#3c3e61;margin:0px;padding:4px 4px 0px 4px;line-height:normal;border: 1px solid #f1efe6;font-style:normal;font-weight:normal;overflow:inherit;outline:none;text-decoration: none;float:left; overflow: auto;display: block;background-color: transparent; border-radius:2px; }   
                                     
 
}
                                     
                    
  
                                     @media screen and (max-width: 589px) /* 1 Mobil */ { 
                                     
                                     #main{min-width:190px;width:96%;min-height:10px;height:100%;background-color:transparent;display:block;margin:5% 0% 0% 0% ;padding:0%;}
                                     #mainStyle{min-width:280px;width:80%;min-height:10px;height:auto;padding:1px;display:block;position:relative;float:left;padding:10px 0px 0px 0px;}
                                     
                                     #menyStyle{min-width:230px;width:10%;min-height:10px;height:auto;padding:1px;display:block;position:relative;float:left;padding:30px 0px 0px 0px;}
                                     
                                     .FormHeader1{font-family: 'Open Sans', sans-serif, arial;font-size: 1em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;}
                                     .FormHeader{font-family: 'Open Sans', sans-serif, arial;font-size: 0.85em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;}
                                     .FormHeader:link{font-family: 'Open Sans', sans-serif, arial;font-size: 0.85em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;font-style:normal;}
 
                                     .HeaderLinelist.link{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: bold; text-transform: none;}
                                     .HeaderLinelist{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: bold; text-transform: none;}
                                     .HeaderMainLineList{min-width:180px;width:100%;min-height:15px;height:auto;display:block;position:relative;float:left;padding:20px 0px 5px 5px;margin:0px 0px 0px 10px;}

                                     .helpInformationbox{display:block;position:relative;float:left; min-width:25px;width:25px;min-height:15px;height:25px;margin:6px 0px 0px 5%;padding:0px 0px 0px 0px;background-color:transparent;}

                                     .ImageMember {min-width:150px;width: 10%;min-height:150px;height: 10%;background-repeat: no-repeat;background-size: contain;border-radius:80px;}
                                     .ImageNews {min-width:150px;width: 100%;min-height:150px;height:auto;}


                                     .InfoLinelist.link{font-family: 'Open Sans', sans-serif;font-size:0.65em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: lighter; text-transform: none;}
                                     .InfoLinelist{font-family: 'Open Sans', sans-serif;font-size:0.65em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: lighter; text-transform: none;}
                                     .InfoLinelistHover:hover{ padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#e8e5e5;border: 1px;border-color:#12143b;border-radius:5px;}
                                     .InfoLinelistRed:link{font-family: 'Open Sans', sans-serif;font-size:1em;color:red;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: lighter; text-transform: none;}
                                     .InfoLinelistRed{font-family: 'Open Sans', sans-serif;font-size:1em;color:red;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: lighter; text-transform: none;}

                                     .logoutboxTop{display:none;position:relative;float:left; min-width:70px;width:30%;margin:0px 0px 30px 0px;}
                                     .logoutButton{width:100%;height:45px; position:relative;float:left;display:block;background-color:#5d5d5c;color:white;border-radius:5px;border:1px solid #5d5d5c;cursor:pointer;}

                                     .mainMenyHeaderBox{min-width:360px;width:95%;min-height:10px;height:33px;display:block;position:relative;float:left;margin:5px 0px 0px 0px;padding:17px 0px 5px 10px;background-color:#797979;border:1px solid #a3955d;border-radius:5px;}

                                     .MemberRightBoxTextBulletBoxSmall{min-width:250px;width:90%;display:block;height:15px;position:relative;float:left;margin:0px 4% 0px 4%;}

                                     .menyHeaderStyle25{font-family: Google Sans Flex, 'Open Sans', sans-serif;font-size: 2.5em;color: white;line-height:20px;text-decoration: none !important;font-weight: normal;}
                                     .menyHeaderStyle{font-family: 'Open Sans', sans-serif;font-size: 1.2em;color: white;line-height:20px;text-decoration: none;font-weight: normal;}
                                     .menyHeaderStyleGrey{font-family: 'Open Sans', sans-serif;font-size: 0.9em;color: #606060;line-height:20px;text-decoration: none;font-weight: normal;}
                                     .menyHeaderStyleGrey:link{font-family: 'Open Sans', sans-serif;font-size: 0.9em;color: #606060;line-height:20px;text-decoration: none;font-weight: normal;}

                                     .saveButton{width:100%;height:45px; position:relative;float:left;display:block;background-color:forestgreen;color:white;border-radius:5px;border:1px solid forestgreen;cursor:pointer;}

                                    
                                     .subMenyHeaderBox{min-width:360px;width:95%;min-height:10px;height:33px;display:block;position:relative;float:left;margin:5px 0px 0px 0px;padding:15px 0px 5px 10px;background-color:#282d4d;border:1px solid #a3955d;border-radius:5px;}
                                     .subMenyHeaderBoxLineList{min-width:360px;width:100%;float:left;height:auto;position:relative;margin:0px 0px 0px 5px;}
                                     
                                     .SubPageMainBox{min-width:320px;width:100%;min-height:30px;height:auto;display:block;position:relative;float:left;margin:10px 0px 0px 5px;padding:0px 0px 0px 0px;}
                                     .SubSmallFloatingBoxHeader{min-width:360px;width:100%;min-height:10px;height:30px;display:block;position:relative;float:left;margin:0px 0px 0px 10px;padding:15px 0px 15px 10px;background-color:#a3955d;border:1px solid #a3955d;border-top-left-radius:5px;border-top-right-radius:5px;}
                                     .SubsPageMainBox{min-width:360px;width:100%;min-height:30px;height:auto;display:block;position:relative;float:left;margin:5px 0px 0px 0px;}
 
                                    
                                     
                                     .SubPageFont08{font-family: 'Open Sans', sans-serif;font-size: 0.8em;color: #605d5d;text-decoration: none;font-weight: normal;cursor:pointer;}

                                     .Texteditorbutton{min-width:10px;width:auto;min-height:20px;height:auto;display:block;position:relative;float:left;margin:0px 0px 0px 1px;border:0.2px solid green;border-radius:1px;border:1px solid #e8e5e5;font-family: 'Open Sans', sans-serif;font-size:0.75em;color:#9a8b51;text-decoration:none;cursor:pointer;}
                                     
                                     
                                      TextInput:focus{outline:none;font-family:Google Sans Flex, 'Segoe UI', 'Helvetica Neue', sans-serif;border: 1px solid #ded9bf;}
                                     .TextInput{outline:none;font-family: Google Sans Flex,'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75em;color:#3c3e61;margin:0px;padding:4px 4px 0px 4px;line-height:normal;border: 1px solid #f1efe6;font-style:normal;font-weight:normal;overflow:inherit;outline:none;text-decoration: none;float:left; overflow: auto;display: block;background-color: transparent; border-radius:2px; }   
                                         
                                     .TextInputDrop{outline:none;font-family:   Google Sans Flex, 'Open Sans', sans-serif, arial;color: #797979;border: 1px solid #dddeec;height: 25px;width: auto;font-size:0.8em;font-style:normal;font-weight:lighter;overflow:inherit;outline:no;text-decoration: none;float:left; overflow: auto;display: block;line-height:100%;background-color: transparent;-webkit-border-radius: 0 2pt 2pt 0  ;-moz-border-radius:  2pt 0 2pt  0  ;border-radius: 3pt 0 0 3pt;}
                                     
                                     .TextMenyHeader.link{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#3c3e61;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
                                     .TextMenyHeader:hover{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#5d5d5c;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#e8e5e5}
                                     .TextMenyHeader{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#3c3e61;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}

                                     .TextInputHeader:link{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#3c3e61;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .TextInputHeader{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#3c3d4b;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .TextInputHeader11{font-family: 'Open Sans', sans-serif;font-size:1.1em;color:#3c3e61;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}             
                                     .TextInputHeader7{font-family: 'Open Sans', sans-serif;font-size:0.7em;color:#3c3e61;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     
                                     
                                     .TextMenyHeaderSub.link{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:1.1em;color:#797979;min-height:16px;display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
                                     .TextMenyHeaderSub:hover{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:1.1em;color:#797979;padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#e8e5e5;border: 1px;border-color:#12143b;border-radius:5px;}
                                     .TextMenyHeaderSub{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:1.1em;color:#797979;padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
                                     .TextMenyHeaderSubFocus{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:1.1em;color:white;padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#bebebe;border: 1px;border-color:#bebebe;border-radius:5px;}
                                     
                                    

                                     .TopHeaderMainHeader{display:block;position:relative;float:left;min-width:120px;width:auto;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

                                     .TopMenyBox{display:block;margin:-100px 0px 0px 0px;padding:10px 0px 0px 0px;float:left;min-width:360px;width:100%;min-height:10px;height:40px;position: sticky;top: 0;z-index: 100; border-bottom:1px solid #e2e2e2;background-color:#e2e2e2;-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 20px 5px rgba(0,0,0,0.5);box-shadow: 0px 2px 20px rgba(0,0,0,0.5);}
                                     
                                     .TopMenyHeader:link{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#3c3e61;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .TopMenyHeader{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#3c3e61;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     
                                     .TopMenyTitleText{font-family: 'Open Sans', sans-serif;min-width:70px;width:auto;height:auto;font-size: 1.6em;color: #3c3e61;text-decoration: none;display:block;font-weight: lighter;cursor:pointer;margin:0px 0px 0px 0px;padding:0px 0px 0px 10px;}

                                     .TopNewsImageBox{display:block;margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;float:left;min-width:360px;width:100%;z-index:1; min-height:10px;height:auto;position: relative;top: 0px; background-color:transparent;}

                                     .UpdateButtonSmall{-webkit-appearance: none;-moz-appearance: none;appearance: none;min-width:10px;width:50px;height:20px;padding:0px 4px 6px 4px;float:left;border-radius:10px;font-family: 'Open Sans', sans-serif;border: 1px solid #e0e0e4;font-size:1.0em;font-style:normal;text-align:center;color:White;text-decoration: none;display: block;background-color:#309408;}
                                     .UpdateButtonSmall:hover{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 10px;min-width:10px;width:50px;height:20px;padding:0px 4px 6px 4px;font-family: 'Open Sans', sans-serif;border: 2px solid #e0e0e4;background-color:#309408;font-size:1.1em;font-style:normal;font-weight:normal;text-align:center;color:White;text-decoration: none;}


                                     .plainTextGrey{font-weight: normal;font-size: 0.65em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor:default;}
                                     .plainTextGrey:link{font-weight: normal;font-size: 0.65em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor: pointer;}


                                     .plainTextGrey75{font-weight: normal;font-size: 0.75em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor:default;}
                                     .plainTextGrey75:link{font-weight: normal;font-size: 0.75em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor: pointer;}

                                     .headerMenyText{font-weight: normal;font-size: 0.8em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;}
                                     .headerMenyText:link{font-weight: normal;font-size: 0.8em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor:pointer;}

                                     .ColumnOne{min-width:280px;width:45%;height:auto;position:relative;float:left;display:block;margin:10px;}
 
                                     .ColumnTwo{min-width:280px;width:20%;height:auto;position:relative;float:left;display:block;margin:10px;}
                                     .ColumnTwoOne{min-width:200px;width:auto;height:auto;margin:0px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
                                     .ColumnTwoTwo{min-width:200px;width:auto;height:auto;margin:10px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}

                                     .ColumnThree{min-width:280px;width:20%;height:auto;position:relative;float:left;display:block;margin:10px;}
                                     .ColumnThreeOne{min-width:200px;width:auto;height:auto;margin:0px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
                                     .ColumnThreeTwo{min-width:200px;width:auto;height:auto;margin:10px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
                                     .ColumnThreeThree{min-width:200px;width:auto;height:auto;margin:10px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}

                                     .buttonSave{font-weight: normal;font-size: 0.75em;height:25px;width:auto;padding:0px 4px 8px 4px;border-radius:4px;color: white;background-color:#226914;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #226914 1px solid;text-align:center;padding:4px 4px 4px 4px;cursor:pointer;}
                                     .buttonSave:hover{font-weight: normal;font-size: 0.75em;height:25px;width:auto;padding:2px 4px 8px 4px;border-radius:4px;color: white;background-color:#418933;text-decoration: none;border: #418933 1px solid;text-align:center;cursor:pointer;}

 
                                     .mainPlainTextTextBox{font-family: 'Open Sans', sans-serif, arial;font-weight: normal;font-size: 1em;height:25px;padding:4px;min-width:100%;width:100%;border-radius:5px;border-color:#3c3e61;color: #3c3e61;text-decoration: none;border: #EFEFEF 1px solid;}
                                     .mainPlainTextTextBox:focus{font-family: 'Open Sans', sans-serif, arial;;font-size: 1em;height:25px;padding:4px;min-width:100%;width:100%;border-radius:5px;border-color:#3c3e61;color: #3c3e61;text-decoration: none;border: #EFEFEF 1px solid;}


                                     .buttonInvite{font-weight: normal;font-size: 0.75em;min-width:120px;width:90%;height:30px;border-radius:4px;color: white;background-color:#226914;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #226914 1px solid;text-align:center;padding:4px 4px 4px 4px;cursor:pointer;}
                                     .buttonInvite:hover{font-weight: normal;min-width:160px;width:90%;height:30px;border-radius:4px;color: white;background-color:#418933;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #418933 1px solid;text-align:center;cursor:pointer;}

                                     .buttonDelete{font-weight: normal;font-size: 0.9em;height:20px;width:100%;border-radius:4px;color: white;background-color:#e80b0b;font-family: Tahoma, Verdana, Arial;text-decoration: none;border: #e80b0b 1px solid;cursor:pointer;}
                                     .buttonDelete:hover{font-weight: normal;font-size: 0.9em;height:20px;width:100%;border-radius:4px;color: white;background-color:#e80b0b;font-family: Tahoma, Verdana, Arial;text-decoration: none;border: #e80b0b 1px solid;cursor:pointer;}

                                     .buttonLink{font-weight: normal;font-size: 0.9em;height:20px;width:100%;border-radius:4px;color: white;background-color:#4169b1;font-family: Tahoma, Verdana, Arial;text-decoration: none;border: #4169b1 1px solid;cursor:pointer;}
                                     .buttonLink:hover{font-weight: normal;font-size: 0.9em;height:20px;width:100%;border-radius:4px;color: white;background-color:#4169b1;font-family: Tahoma, Verdana, Arial;text-decoration: none;border: #4169b1 1px solid;cursor:pointer;}

                                     .plainTextGreySmall{font-weight: normal;font-size: 0.8em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;}

                                     }

                                     @media screen and (min-width: 590px) /* 2 Ipad 590px  x 767px px*/ {

                                     #main{min-width:190px;width:auto;min-height:10px;height:100%;background-color:transparent;display:block;margin:5% 0px 0px 0px;padding:0px 0px 0px 0px;}
                                     #mainStyle{min-width:150px;width:80%;min-height:10px;height:auto;padding:1px;display:block;position:relative;float:left;margin:0px 0px 0px 10px;padding:10px 0px 0px 0px;}

                                     #menyStyle{min-width:220px;width:8%;min-height:10px;height:auto;padding:1px;display:block;position:relative;float:left;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

                                     .FormHeader1{font-family: 'Open Sans', sans-serif, arial;font-size: 1em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;}
                                     .FormHeader{font-family: 'Open Sans', sans-serif, arial;font-size: 0.85em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;}
                                     .FormHeader:link{font-family: 'Open Sans', sans-serif, arial;font-size: 0.85em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;font-style:normal;}

                                     .HeaderLinelist.link{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: bold; text-transform: none;}
                                     .HeaderLinelist{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: bold; text-transform: none;}
                                     .HeaderMainLineList{min-width:180px;width:100%;min-height:15px;height:auto;display:block;position:relative;float:left;padding:20px 0px 5px 5px;margin:0px 0px 0px 10px;}        

                                     .InfoLinelist.link{font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.8em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .InfoLinelist{font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.8em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .InfoLinelistHover:hover{ padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#e8e5e5;border: 1px;border-color:#12143b;border-radius:5px;}
                                     .InfoLinelistRed:link{font-family: 'Open Sans', sans-serif;font-size:1em;color:red;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: lighter; text-transform: none;}
                                     .InfoLinelistRed{font-family: 'Open Sans', sans-serif;font-size:1em;color:red;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: lighter; text-transform: none;}
                                     
                                     .logoutboxTop{display:block;position:relative;float:right; min-width:70px;width:250px;margin:0px 0px 30px 0px;}
                                     .logoutButton{width:100%;height:45px; position:relative;float:left;display:block;background-color:#5d5d5c;color:white;border-radius:5px;border:1px solid #5d5d5c;cursor:pointer;}
                                     
                                     .mainMenyHeaderBox{min-width:200px;width:5%;min-height:10px;height:25px;display:block;position:relative;float:left;margin:10px 0px 0px 0px;padding:12px 0px 5px 10px;background-color:#797979;border:1px solid #a3955d;border-radius:5px;}

                                     .MemberRightBoxTextBulletBoxSmall{min-width:250px;width:90%;display:block;height:15px;position:relative;float:left;margin:0px 4% 0px 4%;}

                                     .menyHeaderStyle25{font-family: Google Sans Flex, 'Open Sans', sans-serif;font-size: 2.5em;color: white;line-height:20px;text-decoration: none !important;font-weight: normal;}
                                     .menyHeaderStyle{font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;font-size: 0.9em;color: white;line-height:20px;text-decoration: none;font-weight: normal;}
                                     .menyHeaderStyleGrey{font-family: 'Open Sans', sans-serif;font-size: 0.9em;color: #606060;line-height:20px;text-decoration: none;font-weight: normal;}
                                     .menyHeaderStyleGrey:link{font-family: 'Open Sans', sans-serif;font-size: 0.9em;color: #606060;line-height:20px;text-decoration: none;font-weight: normal;}

                                     .saveButton{min-width:90px;width:99%;height:40px;padding:8px;display:block;float:left;cursor:pointer;position:relative;background-color:forestgreen;color:white;font-family: 'Open Sans', sans-serif;font-size:0.9em;border-radius:5px;border:1px solid forestgreen;cursor:pointer;}

                                     .subMenyHeaderBox{min-width:200px;width:5%;min-height:10px;height:30px;display:block;position:relative;float:left;margin:10px 0px 0px 0px;padding:13px 0px 5px 10px;background-color:#282d4d;border:1px solid #a3955d;border-radius:5px;}
                                     .subMenyHeaderBoxLineList{min-width:200px;width:100%;float:left;height:auto;position:relative;margin:0px 0px 0px 0px;}
                                     
                                     
                                     .SubPageMainBox{min-width:360px;width:99%;min-height:30px;height:auto;display:block;position:relative;float:left;margin:0px 0px 0px 5px;padding:0px 0px 0px 10px;}
                                     
                                     .SubSmallFloatingBoxHeader{min-width:360px;width:100%;min-height:10px;height:30px;display:block;position:relative;float:left;margin:0px 0px 0px 0px;padding:15px 0px 15px 0px;background-color:#a3955d;border:1px solid #a3955d;border-top-left-radius:5px;border-top-right-radius:5px;}
                                     
                                     .SubsPageMainBox{min-width:360px;width:100%;min-height:30px;height:auto;display:block;position:relative;float:left;margin:5px 0px 0px 0px;}
                                     
                           
                                     
                                     .SubPageFont08{font-family: 'Open Sans', sans-serif;font-size: 0.8em;color: #605d5d;text-decoration: none;font-weight: normal;cursor:pointer;}

                                     .Texteditorbutton{min-width:10px;width:auto;min-height:20px;height:auto;display:block;position:relative;float:left;margin:0px 0px 0px 1px;border:0.2px solid green;border-radius:1px;border:1px solid #e8e5e5;font-family: 'Open Sans', sans-serif;font-size:0.75em;color:#9a8b51;text-decoration:none;cursor:pointer;}
                                     
                                     
                                      TextInput:focus{outline:none;font-family:Google Sans Flex, 'Segoe UI', 'Helvetica Neue', sans-serif;border: 1px solid #ded9bf;}
                                     .TextInput{outline:none;font-family: Google Sans Flex,'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75em;color:#3c3e61;margin:0px;padding:4px 4px 0px 4px;line-height:normal;border: 1px solid #f1efe6;font-style:normal;font-weight:normal;overflow:inherit;outline:none;text-decoration: none;float:left; overflow: auto;display: block;background-color: transparent; border-radius:2px; }   
                                     
                                     .TextInputDrop{outline:none;font-family:   Google Sans Flex, 'Open Sans', sans-serif, arial;color: #797979;border: 1px solid #dddeec;height: 2115px;width: auto;font-size:0.8em;font-style:normal;font-weight:lighter;overflow:inherit;outline:no;text-decoration: none;float:left; overflow: auto;display: block;line-height:100%;background-color: transparent;-webkit-border-radius: 0 2pt 2pt 0  ;-moz-border-radius:  2pt 0 2pt  0  ;border-radius: 3pt 0 0 3pt;}
                                      
                                     .TextInputHeader:link{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#3c3e61;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .TextInputHeader{font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.9em;color:#3c3d4b;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .TextInputHeader11{font-family: 'Open Sans', sans-serif;font-size:1.1em;color:#3c3e61;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}             
                                     .TextInputHeader7{font-family: 'Open Sans', sans-serif;font-size:0.7em;color:#3c3e61;min-height:10px;height:10px;display:block;line-height:15px;text-decoration: none;font-weight: normal; text-transform: none;}

                                     
                                     .TextMenyHeaderSub.link{font-family:Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:0.9em;color:#797979;min-height:16px;display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
                                     .TextMenyHeaderSub:hover{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:0.9em;color:#797979;padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#e8e5e5;border: 1px;border-color:#12143b;border-radius:5px;}
                                     .TextMenyHeaderSub{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:0.9em;color:#797979;padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
                                     .TextMenyHeaderSubFocus{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:0.9em;color:white;padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#bebebe;border: 1px;border-color:#bebebe;border-radius:5px;}

                                   

                                     .TopHeaderMainHeader{display:block;position:relative;float:left;min-width:60px;width:60%;}

                                     .TopMenyBox{display:block;margin:-100px 0px 0px 0px;padding:10px 0px 0px 0px;float:left;min-width:360px;width:100%;min-height:10px;height:40px;position: sticky;top: 0;z-index: 100; border-bottom:1px solid #e2e2e2;background-color:#e2e2e2;-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 20px 5px rgba(0,0,0,0.5);box-shadow: 0px 2px 20px rgba(0,0,0,0.5);}

                                     .TopMenyHeader:link{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#3c3e61;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .TopMenyHeader{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#3c3e61;min-height:10px;display:block;line-height:20px;margin:2px 0px 0px 0px;padding:15px 0px 15px 0px;text-decoration: none;font-weight: normal; text-transform: none;}

                                     .TopMenyTitleText{font-family: 'Open Sans', sans-serif;min-width:70px;width:auto;height:auto;font-size: 1.3em;color: #3c3e61;text-decoration: none;display:block;font-weight: lighter;cursor:pointer;margin:5px 0px 0px 0px;padding:0px 0px 0px 10px;}

                                     .TopNewsImageBox{display:block;margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;float:left;min-width:360px;width:100%;z-index:1; min-height:10px;height:auto;position: relative;top: 0px; background-color:transparent;}

                                     .UpdateButtonSmall{-webkit-appearance: none;-moz-appearance: none;appearance: none;min-width:10px;width:50px;height:20px;padding:0px 4px 6px 4px;float:left;border-radius:10px;font-family: 'Open Sans', sans-serif;border: 1px solid #e0e0e4;font-size:1.0em;font-style:normal;text-align:center;color:White;text-decoration: none;display: block;background-color:#309408;}
                                     .UpdateButtonSmall:hover{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 10px;min-width:10px;width:50px;height:20px;padding:0px 4px 6px 4px;font-family: 'Open Sans', sans-serif;border: 2px solid #e0e0e4;background-color:#309408;font-size:1.1em;font-style:normal;font-weight:normal;text-align:center;color:White;text-decoration: none;}


                                     .plainTextGrey{font-weight: normal;font-size: 0.7em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor:default;}
                                     .plainTextGrey:link{font-weight: normal;font-size: 0.7em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor: pointer;}
                                     .plainTextGrey75{font-weight: normal;font-size: 0.75em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor:default;}
                                     .plainTextGrey75:link{font-weight: normal;font-size: 0.75em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor: pointer;}
                                     .headerMenyText{font-weight: normal;font-size: 0.7em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;}
                                     .headerMenyText:link{font-weight: normal;font-size: 1.0em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor:pointer;}

                                     .ColumnOne{min-width:280px;width:45%;min-height:100px;height:100%;position:relative;float:left;display:block;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
                                     .ColumnOneOne{min-width:200px;width:auto;height:auto;margin:0px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
                                     .ColumnOneTwo{min-width:200px;width:auto;height:auto;margin:10px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
 
                                     .ColumnTwo{min-width:280px;width:20%;height:auto;position:relative;float:left;display:block;margin:10px;}
                                     .ColumnTwoOne{min-width:200px;width:auto;height:auto;margin:0px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
                                     .ColumnTwoTwo{min-width:200px;width:auto;height:auto;margin:10px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}

                                     .ColumnThree{min-width:280px;width:20%;height:auto;position:relative;float:left;display:block;margin:10px;}
                                     .ColumnThreeOne{min-width:200px;width:auto;height:auto;margin:0px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
                                     .ColumnThreeTwo{min-width:200px;width:auto;height:auto;margin:10px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
                                     .ColumnThreeThree{min-width:200px;width:auto;height:auto;margin:10px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}

                                      .buttonSave{font-weight: normal;font-size: 0.75em;height:25px;width:auto;padding:0px 4px 8px 4px;border-radius:4px;color: white;background-color:#226914;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #226914 1px solid;text-align:center;padding:4px 4px 4px 4px;cursor:pointer;}
                                     .buttonSave:hover{font-weight: normal;font-size: 0.75em;height:25px;width:auto;padding:2px 4px 8px 4px;border-radius:4px;color: white;background-color:#418933;text-decoration: none;border: #418933 1px solid;text-align:center;cursor:pointer;}


                                     .buttonInvite{font-weight: normal;font-size: 0.75em;min-width:120px;width:90%;height:30px;border-radius:4px;color: white;background-color:#226914;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #226914 1px solid;text-align:center;padding:4px 4px 4px 4px;cursor:pointer;}
                                     .buttonInvite:hover{font-weight: normal;min-width:160px;width:90%;height:30px;border-radius:4px;color: white;background-color:#418933;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #418933 1px solid;text-align:center;cursor:pointer;}

  
                                     .TextMenyHeaderSub.link{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:1.1em;color:#797979;min-height:16px;display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
                                     .TextMenyHeaderSub:hover{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:1.1em;color:#797979;padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#e8e5e5;border: 1px;border-color:#12143b;border-radius:5px;}
                                     .TextMenyHeaderSub{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:1.1em;color:#797979;padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
                                     .TextMenyHeaderSubFocus{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:1.1em;color:white;padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#bebebe;border: 1px;border-color:#bebebe;border-radius:5px;}
                                     
                                    
                                     .buttonDelete{font-weight: normal;font-size: 0.9em;height:20px;width:100%;border-radius:4px;color: white;background-color:#e80b0b;font-family: Tahoma, Verdana, Arial;text-decoration: none;border: #e80b0b 1px solid;cursor:pointer;}
                                     .buttonDelete:hover{font-weight: normal;font-size: 0.9em;height:20px;width:100%;border-radius:4px;color: white;background-color:#e80b0b;font-family: Tahoma, Verdana, Arial;text-decoration: none;border: #e80b0b 1px solid;cursor:pointer;}
       
                                     .buttonLink{font-weight: normal;font-size: 0.9em;height:20px;width:100%;border-radius:4px;color: white;background-color:#4169b1;font-family: Tahoma, Verdana, Arial;text-decoration: none;border: #4169b1 1px solid;cursor:pointer;}
                                     .buttonLink:hover{font-weight: normal;font-size: 0.9em;height:20px;width:100%;border-radius:4px;color: white;background-color:#4169b1;font-family: Tahoma, Verdana, Arial;text-decoration: none;border: #4169b1 1px solid;cursor:pointer;}

                                     .plainTextGreySmall{font-weight: normal;font-size: 0.8em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;}

                                     }

                                     @media screen and (min-width: 768px) /* 3 768px - 1023px   */  { 

                                     #main{min-width:190px;width:auto;min-height:10px;height:100%;background-color:transparent;display:block;margin:5% 0px 0px 0px;padding:0px 0px 0px 0px;}
                                     #mainStyle{min-width:150px;width:80%;min-height:10px;height:auto;padding:1px;display:block;position:relative;float:left;margin:0px 0px 0px 10px;padding:10px 0px 0px 0px;}
                                
                                     #menyStyle{min-width:220px;width:8%;min-height:10px;height:auto;display:block;position:relative;float:left;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
                               
                                     .FormHeader1{font-family: 'Open Sans', sans-serif, arial;font-size: 1em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;}
                                     .FormHeader{font-family: 'Open Sans', sans-serif, arial;font-size: 0.85em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;}
                                     .FormHeader:link{font-family: 'Open Sans', sans-serif, arial;font-size: 0.85em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;font-style:normal;}

                                     .HeaderLinelist.link{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: bold; text-transform: none;}
                                     .HeaderLinelist{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: bold; text-transform: none;}
                                     .HeaderMainLineList{min-width:180px;width:100%;min-height:15px;height:auto;display:block;position:relative;float:left;padding:20px 0px 5px 5px;margin:0px 0px 0px 10px;}

                                     .InfoLinelist.link{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: lighter; text-transform: none;}
                                     .InfoLinelist{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: lighter; text-transform: none;}
                                     .InfoLinelistHover:hover{ padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#e8e5e5;border: 1px;border-color:#12143b;border-radius:5px;}
                                     .InfoLinelistRed:link{font-family: 'Open Sans', sans-serif;font-size:1em;color:red;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: lighter; text-transform: none;}
                                     .InfoLinelistRed{font-family: 'Open Sans', sans-serif;font-size:1em;color:red;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: lighter; text-transform: none;}
                                     
                                     .logoutboxTop{display:block;position:relative;float:right; min-width:70px;width:250px;margin:0px 0px 30px 0px;}
                                     .logoutButton{width:100%;height:45px; position:relative;float:left;display:block;background-color:#5d5d5c;color:white;border-radius:5px;border:1px solid #5d5d5c;cursor:pointer;}
 
                                     .MainMenyHeaderBox{min-width:200px;width:5%;min-height:10px;height:25px;display:block;position:relative;float:left;margin:10px 0px 0px 0px;padding:12px 0px 5px 10px;background-color:#797979;border:1px solid #a3955d;border-radius:5px;}
 
                                     .MemberRightBoxTextBulletBoxSmall{min-width:250px;width:90%;display:block;height:15px;position:relative;float:left;margin:0px 4% 0px 4%;}

                                     .menyHeaderStyle25{font-family: Google Sans Flex, 'Open Sans', sans-serif;font-size: 2.5em;color: white;line-height:20px;text-decoration: none !important;font-weight: normal;}
                                     .menyHeaderStyleGrey{font-family: 'Open Sans', sans-serif;font-size: 1em;color: #606060;line-height:20px;text-decoration: none;font-weight: normal;}
                                     .menyHeaderStyleGrey{font-family: 'Open Sans', sans-serif;font-size: 0.9em;color: #606060;line-height:20px;text-decoration: none;font-weight: normal;}
                                     .menyHeaderStyleGrey:link{font-family: 'Open Sans', sans-serif;font-size: 0.9em;color: #606060;line-height:20px;text-decoration: none;font-weight: normal;}
                                     
                                     .saveButton{min-width:90px;width:99%;height:40px;padding:8px;display:block;float:left;cursor:pointer;position:relative;background-color:forestgreen;color:white;font-family: 'Open Sans', sans-serif;font-size:0.9em;border-radius:5px;border:1px solid forestgreen;cursor:pointer;}
  
                                     .subMenyHeaderBox{min-width:200px;width:5%;min-height:10px;height:30px;display:block;position:relative;float:left;margin:10px 0px 0px 0px;padding:13px 0px 5px 10px;background-color:#282d4d;border:1px solid #a3955d;border-radius:5px;}
                                     .subMenyHeaderBoxLineList{min-width:200px;width:100%;float:left;height:auto;position:relative;margin:0px 0px 0px 0px;}
                                     
                                     
                                     .SubPageMainBox{min-width:360px;width:99%;min-height:30px;height:auto;display:block;position:relative;float:left;margin:0px 0px 0px 5px;padding:0px 0px 0px 10px;}
                                     
                                     .SubSmallFloatingBoxHeader{min-width:360px;width:100%;min-height:10px;height:30px;display:block;position:relative;float:left;margin:0px 0px 0px 0px;padding:15px 0px 15px 0px;background-color:#a3955d;border:1px solid #a3955d;border-top-left-radius:5px;border-top-right-radius:5px;}
                                     
                                     .SubsPageMainBox{min-width:360px;width:100%;min-height:30px;height:auto;display:block;position:relative;float:left;margin:5px 0px 0px 0px;}
                                     
                     
                                     .SubPageFont08{font-family: 'Open Sans', sans-serif;font-size: 0.8em;color: #605d5d;text-decoration: none;font-weight: normal;cursor:pointer;}

                                     .Texteditorbutton{min-width:10px;width:auto;min-height:20px;height:auto;display:block;position:relative;float:left;margin:0px 0px 0px 1px;border:0.2px solid green;border-radius:1px;border:1px solid #e8e5e5;font-family: 'Open Sans', sans-serif;font-size:0.75em;color:#9a8b51;text-decoration:none;cursor:pointer;}
                                     
                                     
                                      TextInput:focus{outline:none;font-family:Google Sans Flex, 'Segoe UI', 'Helvetica Neue', sans-serif;border: 1px solid #ded9bf;}
                                     .TextInput{outline:none;font-family: Google Sans Flex,'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75em;color:#3c3e61;margin:0px;padding:4px 4px 0px 4px;line-height:normal;border: 1px solid #f1efe6;font-style:normal;font-weight:normal;overflow:inherit;outline:none;text-decoration: none;float:left; overflow: auto;display: block;background-color: transparent; border-radius:2px; }   
                                     
                                     .TextInputDrop{outline:none;font-family:   Google Sans Flex, 'Open Sans', sans-serif, arial;color: #797979;border: 1px solid #dddeec;height: 125px;width: auto;font-size:0.8em;font-style:normal;font-weight:lighter;overflow:inherit;outline:no;text-decoration: none;float:left; overflow: auto;display: block;line-height:100%;background-color: transparent;-webkit-border-radius: 0 2pt 2pt 0  ;-moz-border-radius:  2pt 0 2pt  0  ;border-radius: 3pt 0 0 3pt;}

                                     .TextInputHeader:link{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#3c3e61;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .TextInputHeader{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#3c3d4b;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .TextInputHeader11{font-family: 'Open Sans', sans-serif;font-size:1.1em;color:#3c3e61;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}                                    
                                     .TextInputHeader7{font-family: 'Open Sans', sans-serif;font-size:0.7em;color:#3c3e61;min-height:10px;height:10px;display:block;line-height:15px;text-decoration: none;font-weight: normal; text-transform: none;}

                                  
                                     .TextMenyHeaderSub.link{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:0.9em;color:#797979;min-height:16px;display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
                                     .TextMenyHeaderSub:hover{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:0.9em;color:#797979;height:16px;display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#e8e5e5;border: 1px;border-color:#12143b;border-radius:5px;}
                                     .TextMenyHeaderSub{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:0.9em;color:#797979;display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
                                     .TextMenyHeaderSubFocus{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:0.9em;height:16px;color:white;display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#bebebe;border: 1px;border-color:#bebebe;border-radius:5px;}

                                  

                                     .TopHeaderMainHeader{display:block;position:relative;float:left;min-width:60px;width:60%;}

                                     .TopMenyBox{display:block;margin:-100px 0px 0px 0px;padding:10px 0px 0px 0px;float:left;min-width:360px;width:100%;min-height:10px;height:40px;position: sticky;top: 0;z-index: 100; border-bottom:1px solid #e2e2e2;background-color:#e2e2e2;-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 20px 5px rgba(0,0,0,0.5);box-shadow: 0px 2px 20px rgba(0,0,0,0.5);}

                                     .TopMenyHeader:link{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#3c3e61;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .TopMenyHeader{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#3c3e61;min-height:10px;display:block;line-height:20px;margin:2px 0px 0px 0px;padding:15px 0px 15px 0px;text-decoration: none;font-weight: normal; text-transform: none;}

                                     .TopMenyTitleText{font-family: 'Open Sans', sans-serif;min-width:70px;width:auto;height:auto;font-size: 1.3em;color: #3c3e61;text-decoration: none;display:block;font-weight: lighter;cursor:pointer;margin:5px 0px 0px 0px;padding:0px 0px 0px 10px;}
                                      
                                     .TopNewsImageBox{display:block;margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;float:left;min-width:360px;width:100%;z-index:1; min-height:10px;height:auto;position: relative;top: 0px; background-color:transparent;}

                                     .UpdateButtonSmall{-webkit-appearance: none;-moz-appearance: none;appearance: none;min-width:10px;width:50px;height:20px;padding:0px 4px 6px 4px;float:left;border-radius:10px;font-family: 'Open Sans', sans-serif;border: 1px solid #e0e0e4;font-size:1.0em;font-style:normal;text-align:center;color:White;text-decoration: none;display: block;background-color:#309408;}
                                     .UpdateButtonSmall:hover{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 10px;min-width:10px;width:50px;height:20px;padding:0px 4px 6px 4px;font-family: 'Open Sans', sans-serif;border: 2px solid #e0e0e4;background-color:#309408;font-size:1.1em;font-style:normal;font-weight:normal;text-align:center;color:White;text-decoration: none;}
                                    
                                     .headerMenyText{font-weight: normal;font-size: 0.7em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;}
                                     .headerMenyText:link{font-weight: normal;font-size: 1.0em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor:pointer;}

                                     .ColumnOne{min-width:280px;width:45%;height:auto;position:relative;float:left;display:block;margin:10px;}
 
                                     .ColumnTwo{min-width:280px;width:20%;height:auto;position:relative;float:left;display:block;margin:10px;}
                                     .ColumnTwoOne{min-width:200px;width:auto;height:auto;margin:0px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
                                     .ColumnTwoTwo{min-width:200px;width:auto;height:auto;margin:10px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}

                                     .ColumnThree{min-width:280px;width:20%;height:auto;position:relative;float:left;display:block;margin:10px;}
                                     .ColumnThreeOne{min-width:200px;width:auto;height:auto;margin:0px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
                                     .ColumnThreeTwo{min-width:200px;width:auto;height:auto;margin:10px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
                                     .ColumnThreeThree{min-width:200px;width:auto;height:auto;margin:10px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}

                                      .buttonSave{font-weight: normal;font-size: 0.75em;height:25px;width:auto;padding:0px 4px 8px 4px;border-radius:4px;color: white;background-color:#226914;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #226914 1px solid;text-align:center;padding:4px 4px 4px 4px;cursor:pointer;}
                                     .buttonSave:hover{font-weight: normal;font-size: 0.75em;height:25px;width:auto;padding:2px 4px 8px 4px;border-radius:4px;color: white;background-color:#418933;text-decoration: none;border: #418933 1px solid;text-align:center;cursor:pointer;}

                                     .buttonInvite{font-weight: normal;font-size: 0.75em;min-width:120px;width:90%;height:30px;border-radius:4px;color: white;background-color:#226914;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #226914 1px solid;text-align:center;padding:4px 4px 4px 4px;cursor:pointer;}
                                     .buttonInvite:hover{font-weight: normal;min-width:160px;width:90%;height:30px;border-radius:4px;color: white;background-color:#418933;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #418933 1px solid;text-align:center;cursor:pointer;}

                                     .plainTextGrey{font-weight: normal;font-size: 0.65em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor:default;}
                                     .plainTextGrey:link{font-weight: normal;font-size: 0.65em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor: pointer;}
                                     .plainTextGrey75{font-weight: normal;font-size: 0.75em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor:default;}
                                     .plainTextGrey75:link{font-weight: normal;font-size: 0.75em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor: pointer;}
                                     .plainTextGreySmall{font-weight: normal;font-size: 0.7em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;}

                                     .TextMenyHeaderSub.link{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:1.1em;color:#797979;min-height:16px;display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
                                     .TextMenyHeaderSub:hover{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:1.1em;color:#797979;padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#e8e5e5;border: 1px;border-color:#12143b;border-radius:5px;}
                                     .TextMenyHeaderSub{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:1.1em;color:#797979;padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
                                     .TextMenyHeaderSubFocus{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:1.1em;color:white;padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#bebebe;border: 1px;border-color:#bebebe;border-radius:5px;}
                                     
                                     .buttonDelete{font-weight: normal;font-size: 0.9em;height:20px;width:100%;border-radius:4px;color: white;background-color:#e80b0b;font-family: Tahoma, Verdana, Arial;text-decoration: none;border: #e80b0b 1px solid;cursor:pointer;}
                                     .buttonDelete:hover{font-weight: normal;font-size: 0.9em;height:20px;width:100%;border-radius:4px;color: white;background-color:#e80b0b;font-family: Tahoma, Verdana, Arial;text-decoration: none;border: #e80b0b 1px solid;cursor:pointer;}

                                     .buttonLink{font-weight: normal;font-size: 0.9em;height:20px;width:100%;border-radius:4px;color: white;background-color:#4169b1;font-family: Tahoma, Verdana, Arial;text-decoration: none;border: #4169b1 1px solid;cursor:pointer;}
                                     .buttonLink:hover{font-weight: normal;font-size: 0.9em;height:20px;width:100%;border-radius:4px;color: white;background-color:#4169b1;font-family: Tahoma, Verdana, Arial;text-decoration: none;border: #4169b1 1px solid;cursor:pointer;}

                                    
                                     }

                                     @media screen and (min-width: 1024px) /* 3 1024px - 1919px   */  { 

                                     
                                     

                                     #main{min-width:190px;width:auto;min-height:10px;height:100%;background-color:transparent;display:block;margin:5% 0px 0px 0px;padding:0px 0px 0px 0px;}
                                     #mainStyle{min-width:150px;width:80%;min-height:10px;height:auto;padding:1px;display:block;position:relative;float:left;margin:0px 0px 0px 10px;padding:10px 0px 0px 0px;}
                                
                                     
                                
                                     #menyStyle{min-width:220px;width:8%;min-height:10px;height:auto;display:block;position:relative;float:left;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
                               
                                     .FormHeader1{font-family: 'Open Sans', sans-serif, arial;font-size: 1em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;}
                                     .FormHeader{font-family: 'Open Sans', sans-serif, arial;font-size: 0.85em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;}
                                     .FormHeader:link{font-family: 'Open Sans', sans-serif, arial;font-size: 0.85em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;font-style:normal;}

                                     .HeaderLinelist.link{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: bold; text-transform: none;}
                                     .HeaderLinelist{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: bold; text-transform: none;}
                                     .HeaderMainLineList{min-width:180px;width:100%;min-height:15px;height:auto;display:block;position:relative;float:left;padding:20px 0px 5px 5px;margin:0px 0px 0px 10px;}

                                     .InfoLinelist.link{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: lighter; text-transform: none;}
                                     .InfoLinelist{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: lighter; text-transform: none;}
                                     .InfoLinelistHover:hover{ padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#e8e5e5;border: 1px;border-color:#12143b;border-radius:5px;}
                                     .InfoLinelistRed:link{font-family: 'Open Sans', sans-serif;font-size:1em;color:red;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: lighter; text-transform: none;}
                                     .InfoLinelistRed{font-family: 'Open Sans', sans-serif;font-size:1em;color:red;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: lighter; text-transform: none;}
                                     
                                     .logoutboxTop{display:block;position:relative;float:right; min-width:70px;width:250px;margin:0px 0px 30px 0px;}
                                     .logoutButton{width:100%;height:45px; position:relative;float:left;display:block;background-color:#5d5d5c;color:white;border-radius:5px;border:1px solid #5d5d5c;cursor:pointer;}
 
                                     .MainMenyHeaderBox{min-width:200px;width:5%;min-height:10px;height:25px;display:block;position:relative;float:left;margin:10px 0px 0px 0px;padding:12px 0px 5px 10px;background-color:#797979;border:1px solid #a3955d;border-radius:5px;}
 
                                     .MemberRightBoxTextBulletBoxSmall{min-width:250px;width:90%;display:block;height:15px;position:relative;float:left;margin:0px 4% 0px 4%;}

                                     .menyHeaderStyle25{font-family: Google Sans Flex, 'Open Sans', sans-serif;font-size: 2.5em;color: white;line-height:20px;text-decoration: none !important;font-weight: normal;}
                                     .menyHeaderStyleGrey{font-family: 'Open Sans', sans-serif;font-size: 1em;color: #606060;line-height:20px;text-decoration: none;font-weight: normal;}
                                     .menyHeaderStyleGrey{font-family: 'Open Sans', sans-serif;font-size: 0.9em;color: #606060;line-height:20px;text-decoration: none;font-weight: normal;}
                                     .menyHeaderStyleGrey:link{font-family: 'Open Sans', sans-serif;font-size: 0.9em;color: #606060;line-height:20px;text-decoration: none;font-weight: normal;}
                                     
                                     .saveButton{min-width:90px;width:99%;height:40px;padding:8px;display:block;float:left;cursor:pointer;position:relative;background-color:forestgreen;color:white;font-family: 'Open Sans', sans-serif;font-size:0.9em;border-radius:5px;border:1px solid forestgreen;cursor:pointer;}
  
                                     .subMenyHeaderBox{min-width:200px;width:5%;min-height:10px;height:30px;display:block;position:relative;float:left;margin:10px 0px 0px 0px;padding:13px 0px 5px 10px;background-color:#282d4d;border:1px solid #a3955d;border-radius:5px;}
                                     .subMenyHeaderBoxLineList{min-width:200px;width:100%;float:left;height:auto;position:relative;margin:0px 0px 0px 0px;}
                                     
                                     
                                     .SubPageMainBox{min-width:360px;width:99%;min-height:30px;height:auto;display:block;position:relative;float:left;margin:0px 0px 0px 5px;padding:0px 0px 0px 10px;}
                                     
                                     .SubSmallFloatingBoxHeader{min-width:360px;width:100%;min-height:10px;height:30px;display:block;position:relative;float:left;margin:0px 0px 0px 0px;padding:15px 0px 15px 0px;background-color:#a3955d;border:1px solid #a3955d;border-top-left-radius:5px;border-top-right-radius:5px;}
                                     
                                     .SubsPageMainBox{min-width:360px;width:100%;min-height:30px;height:auto;display:block;position:relative;float:left;margin:5px 0px 0px 0px;}
                                     
                     
                                     .SubPageFont08{font-family: 'Open Sans', sans-serif;font-size: 0.8em;color: #605d5d;text-decoration: none;font-weight: normal;cursor:pointer;}

                                     .Texteditorbutton{min-width:10px;width:auto;min-height:20px;height:auto;display:block;position:relative;float:left;margin:0px 0px 0px 1px;border:0.2px solid green;border-radius:1px;border:1px solid #e8e5e5;font-family: 'Open Sans', sans-serif;font-size:0.75em;color:#9a8b51;text-decoration:none;cursor:pointer;}
                                     
                                     
                                      TextInput:focus{outline:none;font-family:Google Sans Flex, 'Segoe UI', 'Helvetica Neue', sans-serif;border: 1px solid #ded9bf;}
                                     .TextInput{outline:none;font-family: Google Sans Flex,'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.75em;color:#3c3e61;margin:0px;padding:4px 4px 0px 4px;line-height:normal;border: 1px solid #f1efe6;font-style:normal;font-weight:normal;overflow:inherit;outline:none;text-decoration: none;float:left; overflow: auto;display: block;background-color: transparent; border-radius:2px; }   

                                     .TextInputDrop{outline:none;font-family:   Google Sans Flex, 'Open Sans', sans-serif, arial;color: #797979;border: 1px solid #dddeec;height: 125px;width: auto;font-size:0.8em;font-style:normal;font-weight:lighter;overflow:inherit;outline:no;text-decoration: none;float:left; overflow: auto;display: block;line-height:100%;background-color: transparent;-webkit-border-radius: 0 2pt 2pt 0  ;-moz-border-radius:  2pt 0 2pt  0  ;border-radius: 3pt 0 0 3pt;}

                                     .TextInputHeader:link{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#3c3e61;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .TextInputHeader{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#3c3d4b;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .TextInputHeader11{font-family: 'Open Sans', sans-serif;font-size:1.1em;color:#3c3e61;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}                                    
                                     .TextInputHeader7{font-family: 'Open Sans', sans-serif;font-size:0.7em;color:#3c3e61;min-height:10px;height:10px;display:block;line-height:15px;text-decoration: none;font-weight: normal; text-transform: none;}

                                  
                                     .TextMenyHeaderSub.link{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:0.9em;color:#797979;min-height:16px;display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
                                     .TextMenyHeaderSub:hover{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:0.9em;color:#797979;height:16px;display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#e8e5e5;border: 1px;border-color:#12143b;border-radius:5px;}
                                     .TextMenyHeaderSub{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:0.9em;color:#797979;display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
                                     .TextMenyHeaderSubFocus{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:0.9em;height:16px;color:white;display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#bebebe;border: 1px;border-color:#bebebe;border-radius:5px;}

                                  

                                     .TopHeaderMainHeader{display:block;position:relative;float:left;min-width:60px;width:60%;}

                                     .TopMenyBox{display:block;margin:-100px 0px 0px 0px;padding:10px 0px 0px 0px;float:left;min-width:360px;width:100%;min-height:10px;height:40px;position: sticky;top: 0;z-index: 100; border-bottom:1px solid #e2e2e2;background-color:#e2e2e2;-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 20px 5px rgba(0,0,0,0.5);box-shadow: 0px 2px 20px rgba(0,0,0,0.5);}

                                     .TopMenyHeader:link{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#3c3e61;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .TopMenyHeader{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#3c3e61;min-height:10px;display:block;line-height:20px;margin:2px 0px 0px 0px;padding:15px 0px 15px 0px;text-decoration: none;font-weight: normal; text-transform: none;}

                                     .TopMenyTitleText{font-family: 'Open Sans', sans-serif;min-width:70px;width:auto;height:auto;font-size: 1.3em;color: #3c3e61;text-decoration: none;display:block;font-weight: lighter;cursor:pointer;margin:5px 0px 0px 0px;padding:0px 0px 0px 10px;}
                                      
                                     .TopNewsImageBox{display:block;margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;float:left;min-width:360px;width:100%;z-index:1; min-height:10px;height:auto;position: relative;top: 0px; background-color:transparent;}

                                     .UpdateButtonSmall{-webkit-appearance: none;-moz-appearance: none;appearance: none;min-width:10px;width:50px;height:20px;padding:0px 4px 6px 4px;float:left;border-radius:10px;font-family: 'Open Sans', sans-serif;border: 1px solid #e0e0e4;font-size:1.0em;font-style:normal;text-align:center;color:White;text-decoration: none;display: block;background-color:#309408;}
                                     .UpdateButtonSmall:hover{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 10px;min-width:10px;width:50px;height:20px;padding:0px 4px 6px 4px;font-family: 'Open Sans', sans-serif;border: 2px solid #e0e0e4;background-color:#309408;font-size:1.1em;font-style:normal;font-weight:normal;text-align:center;color:White;text-decoration: none;}
                                    
                                     .headerMenyText{font-weight: normal;font-size: 0.7em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;}
                                     .headerMenyText:link{font-weight: normal;font-size: 1.0em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor:pointer;}

                                     .ColumnOne{min-width:280px;width:45%;height:auto;position:relative;float:left;display:block;margin:10px;}
 
                                     .ColumnTwo{min-width:280px;width:20%;height:auto;position:relative;float:left;display:block;margin:10px;}
                                     .ColumnTwoOne{min-width:200px;width:auto;height:auto;margin:0px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
                                     .ColumnTwoTwo{min-width:200px;width:auto;height:auto;margin:10px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}

                                     .ColumnThree{min-width:280px;width:20%;height:auto;position:relative;float:left;display:block;margin:10px;}
                                     .ColumnThreeOne{min-width:200px;width:auto;height:auto;margin:0px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
                                     .ColumnThreeTwo{min-width:200px;width:auto;height:auto;margin:10px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
                                     .ColumnThreeThree{min-width:200px;width:auto;height:auto;margin:10px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}

                                     .buttonSave{font-weight: normal;font-size: 0.75em;height:35px;width:100%;padding:2px 4px 4px 4px;border-radius:4px;color: white;background-color:#226914;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #226914 1px solid;text-align:center;cursor:pointer;}
                                     .buttonSave:hover{font-weight: normal;font-size: 0.75em;height:35px;width:100%;padding:6px 4px 8px 4px;border-radius:4px;color: white;background-color:#418933;text-decoration: none;border: #418933 1px solid;text-align:center;cursor:pointer;}


                                     .buttonInvite{font-weight: normal;font-size: 0.75em;min-width:120px;width:100%;height:30px;border-radius:4px;color: white;display:block;position:relative;float:left;background-color:#226914;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #226914 1px solid;text-align:center;padding:4px 4px 4px 4px;cursor:pointer;}
                                     .buttonInvite:hover{font-weight: normal;min-width:160px;width:100%;height:30px;border-radius:4px;color: white;background-color:#418933;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #418933 1px solid;text-align:center;cursor:pointer;}

  
                                     .TextMenyHeaderSub.link{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:1.1em;color:#797979;min-height:16px;display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
                                     .TextMenyHeaderSub:hover{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:1.1em;color:#797979;padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#e8e5e5;border: 1px;border-color:#12143b;border-radius:5px;}
                                     .TextMenyHeaderSub{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:1.1em;color:#797979;padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
                                     .TextMenyHeaderSubFocus{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:1.1em;color:white;padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#bebebe;border: 1px;border-color:#bebebe;border-radius:5px;}
                                     
                                     .buttonDelete{font-weight: normal;font-size: 0.9em;height:20px;width:100%;border-radius:4px;color: white;background-color:#e80b0b;font-family: Tahoma, Verdana, Arial;text-decoration: none;border: #e80b0b 1px solid;cursor:pointer;}
                                     .buttonDelete:hover{font-weight: normal;font-size: 0.9em;height:20px;width:100%;border-radius:4px;color: white;background-color:#e80b0b;font-family: Tahoma, Verdana, Arial;text-decoration: none;border: #e80b0b 1px solid;cursor:pointer;}


                                     .buttonLink{font-weight: normal;font-size: 0.9em;height:20px;width:100%;border-radius:4px;color: white;background-color:#4169b1;font-family: Tahoma, Verdana, Arial;text-decoration: none;border: #4169b1 1px solid;cursor:pointer;}
                                     .buttonLink:hover{font-weight: normal;font-size: 0.9em;height:20px;width:100%;border-radius:4px;color: white;background-color:#4169b1;font-family: Tahoma, Verdana, Arial;text-decoration: none;border: #4169b1 1px solid;cursor:pointer;}
                                      
                                     .plainTextGrey{font-weight: normal;font-size: 0.65em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor:default;}
                                     .plainTextGrey:link{font-weight: normal;font-size: 0.65em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor: pointer;}
                                     .plainTextGrey75{font-weight: normal;font-size: 0.75em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor:default;}
                                     .plainTextGrey75:link{font-weight: normal;font-size: 0.75em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor: pointer;}
                                     .plainTextGreySmall{font-weight: normal;font-size: 0.7em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;}

                                     }
 
                                     @media screen and (min-width: 1920px) /* 4 1920px -    */ {

                                     
                                     #main{min-width:190px;width:auto;min-height:10px;height:100%;background-color:transparent;display:block;margin:5% 0px 0px 0px;padding:0px 0px 0px 0px;}
                                     #mainStyle{min-width:150px;width:80%;min-height:10px;height:auto;padding:1px;display:block;position:relative;float:left;margin:0px 0px 0px 10px;padding:10px 0px 0px 0px;}
                                     
                                     #menyStyle{min-width:230px;width:10%;min-height:10px;height:auto;display:block;position:relative;float:left;padding:0px 0px 0px 0px;}
                                     
                                     .FormHeader1{font-family: 'Open Sans', sans-serif, arial;font-size: 1em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;}
                                     .FormHeader{font-family: 'Open Sans', sans-serif, arial;font-size: 1.6em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;}
                                     .FormHeader:link{font-family: 'Open Sans', sans-serif, arial;font-size: 1.6em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;font-style:normal;}

                                     .FormHeader2{font-family: 'Open Sans', sans-serif, arial;font-size: 1em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;}
                                     .FormHeader2:link{font-family: 'Open Sans', sans-serif, arial;font-size:1.25em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;font-style:normal;}

                                     .FormHeader2White{font-family: 'Open Sans', sans-serif, arial;font-size: 1em;font-weight: normal;font-style: normal;color: white;text-decoration: none;}
                                     .FormHeader2White:link{font-family: 'Open Sans', sans-serif, arial;font-size:1.25em;font-weight: normal;font-style: normal;color: white;text-decoration: none;font-style:normal;}

                                     .FormHeader3{font-family: 'Open Sans', sans-serif, arial;font-size: 0.75em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;}
                                     .FormHeader3:link{font-family: 'Open Sans', sans-serif, arial;font-size:0.75em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;font-style:normal;}

                                     .FormHeader4{font-family: 'Open Sans', sans-serif, arial;font-size: 0.9em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;}
                                     .FormHeader4:link{font-family: 'Open Sans', sans-serif, arial;font-size:0.9em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;font-style:normal;}

                                     .HeaderLinelist.link{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .HeaderLinelist{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .HeaderMainLineList{min-width:180px;width:100%;min-height:15px;height:auto;display:block;position:relative;float:left;padding:20px 0px 5px 5px;margin:0px 0px 0px 10px;}
                                     
                                     .Calendarlist {font-family: 'Open Sans', sans-serif;font-size: 0.82em;color: #797979;min-height: 10px;display: block;line-height: 18px;font-weight: lighter;text-transform: none;text-decoration: none;}
                                     .Calendarlist:hover {color: #000;background-color: #f0f0f0;}
                                     .calenderPopUp2 {display: none;position: fixed;top: 100px;left: 50%;transform: translateX(-50%);background: #fff;padding: 20px;z-index: 9999;box-shadow: 0 10px 30px rgba(0,0,0,0.25);border-radius: 6px;}

                                     .InfoLinelist.link{font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.8em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .InfoLinelist{font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.8em;color:#797979;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .InfoLinelistHover:hover{ padding:8px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#e8e5e5;border: 1px;border-color:#12143b;border-radius:5px;}
                                     .InfoLinelistRed:link{font-family: 'Open Sans', sans-serif;font-size:1em;color:red;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: lighter; text-transform: none;}
                                     .InfoLinelistRed{font-family: 'Open Sans', sans-serif;font-size:1em;color:red;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: lighter; text-transform: none;}
                                     
                                     .logoutboxTop{display:block;position:relative;float:right; min-width:70px;width:250px;margin:0px 0px 30px 0px;}
                                     .logoutButton{width:100%;height:45px; position:relative;float:left;display:block;background-color:#5d5d5c;color:white;border-radius:5px;border:1px solid #5d5d5c;cursor:pointer;}
                                     
                                     .mainMenyHeaderBox{min-width:200px;width:5%;min-height:20px;height:45px;display:block;position:relative;float:left;margin:10px 0px 0px 0px;padding:12px 0px 5px 10px;background-color:#797979;border:1px solid #a3955d;border-radius:5px;}
                                     .subMenyHeaderBox{min-width:200px;width:5%;min-height:20px;height:45px;display:block;position:relative;float:left;margin:10px 0px 0px 0px;padding:13px 0px 5px 10px;background-color:#383940;border:1px solid #a3955d;border-radius:5px;}
                                     .subMenyHeaderBoxLineList{min-width:200px;width:100%;float:left;height:auto;position:relative;margin:0px 0px 0px 0px;}                                     


                                     .MemberRightBoxTextBulletBoxSmall{min-width:250px;width:90%;display:block;height:15px;position:relative;float:left;margin:0px 4% 0px 4%;}

                                     .menyHeaderStyle25{font-family: Google Sans Flex, 'Open Sans', sans-serif;font-size: 2.5em;color: white;line-height:20px;text-decoration: none !important;font-weight: normal;}
 

                                     .menyHeaderStyle{font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;font-size: 0.9em;color: white;height:30px; line-height:20px;text-decoration: none;font-weight: normal;}
                                     .menyHeaderStyleGrey{font-family: 'Open Sans', sans-serif;font-size: 0.9em;color: #606060;line-height:20px;text-decoration: none;font-weight: normal;}
                                     .menyHeaderStyleGrey:link{font-family: 'Open Sans', sans-serif;font-size: 0.9em;color: #606060;line-height:20px;text-decoration: none;font-weight: normal;}
                                     
                                     .saveButton{min-width:90px;width:99%;height:40px;padding:8px;display:block;float:left;cursor:pointer;position:relative;background-color:forestgreen;color:white;font-family: 'Open Sans', sans-serif;font-size:0.9em;border-radius:5px;border:1px solid forestgreen;cursor:pointer;}
                                     
                                     .SubPageMainBox{min-width:360px;width:99%;min-height:30px;height:auto;display:block;position:relative;float:left;margin:0px 0px 0px 5px;padding:0px 0px 0px 10px;}

                                     .SubSmallFloatingBoxHeader{min-width:360px;width:100%;min-height:10px;height:30px;display:block;position:relative;float:left;margin:0px 0px 0px 10px;padding:15px 0px 15px 10px;background-color:#a3955d;border:1px solid #a3955d;border-top-left-radius:5px;border-top-right-radius:5px;}

                                     .SubsPageMainBox{min-width:360px;width:100%;min-height:30px;height:auto;display:block;position:relative;float:left;margin:5px 0px 0px 0px;}
                                     
                                  
                                     
                                     .SubPageFont08{font-family: 'Open Sans', sans-serif;font-size: 0.8em;color: #605d5d;text-decoration: none;font-weight: normal;cursor:pointer;}
                                     
                                     .Texteditorbutton{min-width:10px;width:auto;min-height:20px;height:auto;display:block;position:relative;float:left;margin:0px 0px 0px 1px;border:0.2px solid green;border-radius:1px;border:1px solid #e8e5e5;font-family: 'Open Sans', sans-serif;font-size:0.75em;color:#9a8b51;text-decoration:none;cursor:pointer;}

                                     .TextInput:focus{outline:none;font-family:Google Sans Flex, 'Segoe UI', 'Helvetica Neue', sans-serif;border: 1px solid #ded9bf;}
                                     .TextInput{outline:none;font-family: Google Sans Flex,'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.em;color:#3c3e61;margin:0px;padding:4px 4px 0px 4px;line-height:normal;border: 1px solid #f1efe6;font-style:normal;font-weight:normal;overflow:inherit;outline:none;text-decoration: none;float:left; overflow: auto;display: block;background-color: transparent; border-radius:2px; }   
                                     
          
                                     .TextInputDrop{outline:none;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;color: #797979;border: 1px solid #f1efe6;height:10px;width: auto;font-size:0.8em;font-style:normal;font-weight:normal;overflow:inherit;outline:none;text-decoration: none;float:left; overflow: auto;display: block;line-height:100%;background-color: transparent;-webkit-border-radius: 0 2pt 2pt 0  ;-moz-border-radius:  2pt 0 2pt  0  ;border-radius: 3pt 0 0 3pt;}   
                                     
                                     .TextInputHeader:link{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#3c3e61;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}                                     
                                     .TextInputHeader{font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:0.9em;color:#3c3d4b;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .TextInputHeader11{font-family: 'Open Sans', sans-serif;font-size:1.1em;color:#3c3e61;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}                                    
                                     .TextInputHeader7{font-family: 'Open Sans', sans-serif;font-size:0.7em;color:#3c3e61;min-height:10px;height:10px;display:block;line-height:15px;text-decoration: none;font-weight: normal; text-transform: none;}

                                      
                                     

                                     .TopHeaderMainHeader{display:block;position:relative;float:left;min-width:60px;width:60%;}

                                     .TopMenyBox{display:block;margin:-100px 0px 0px 0px;padding:10px 0px 0px 0px;float:left;min-width:360px;width:100%;min-height:10px;height:40px;position: sticky;top: 0;z-index: 100; border-bottom:1px solid #e2e2e2;background-color:#e2e2e2;-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 20px 5px rgba(0,0,0,0.5);box-shadow: 0px 2px 20px rgba(0,0,0,0.5);}

                                     .TopMenyHeader:link{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#3c3e61;min-height:10px;display:block;line-height:20px;text-decoration: none;font-weight: normal; text-transform: none;}
                                     .TopMenyHeader{font-family: 'Open Sans', sans-serif;font-size:0.8em;color:#3c3e61;min-height:10px;display:block;line-height:20px;margin:2px 0px 0px 0px;padding:15px 0px 15px 0px;text-decoration: none;font-weight: normal; text-transform: none;}

                                     .TopMenyTitleText{font-family: 'Open Sans', sans-serif;min-width:70px;width:auto;height:auto;font-size: 1.2em;color: #393940;text-decoration: none;display:block;font-weight: lighter;cursor:pointer;margin:5px 0px 0px 0px;padding:0px 0px 0px 10px;}

                                     .TopNewsImageBox{display:block;margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;float:left;min-width:360px;width:100%;z-index:1; min-height:10px;height:auto;position: relative;top: 0px; background-color:transparent;}

                                     .UpdateButtonSmall{-webkit-appearance: none;-moz-appearance: none;appearance: none;min-width:10px;width:50px;height:20px;padding:0px 4px 6px 4px;float:left;border-radius:10px;font-family: 'Open Sans', sans-serif;border: 1px solid #e0e0e4;font-size:1.0em;font-style:normal;text-align:center;color:White;text-decoration: none;display: block;background-color:#309408;}
                                     .UpdateButtonSmall:hover{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 10px;min-width:10px;width:50px;height:20px;padding:0px 4px 6px 4px;font-family: 'Open Sans', sans-serif;border: 2px solid #e0e0e4;background-color:#309408;font-size:1.1em;font-style:normal;font-weight:normal;text-align:center;color:White;text-decoration: none;}
                                     .headerMenyText{font-weight: normal;font-size: 0.7em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;}
                                     .headerMenyText:link{font-weight: normal;font-size: 1.0em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor:pointer;}

                                     .ColumnOne{min-width:280px;width:45%;height:auto;position:relative;float:left;display:block;margin:10px;}
 
                                     .ColumnTwo{min-width:280px;width:20%;height:auto;position:relative;float:left;display:block;margin:10px;}
                                     .ColumnTwoOne{min-width:200px;width:auto;height:auto;margin:0px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
                                     .ColumnTwoTwo{min-width:200px;width:auto;height:auto;margin:10px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}

                                     .ColumnThree{min-width:280px;width:20%;height:auto;position:relative;float:left;display:block;margin:10px;}
                                     .ColumnThreeOne{min-width:200px;width:auto;height:auto;margin:0px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
                                     .ColumnThreeTwo{min-width:200px;width:auto;height:auto;margin:10px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
                                     .ColumnThreeThree{min-width:200px;width:auto;height:auto;margin:10px 0px 0px 0px;padding:10px;display:block;position:relative;float:left;border:1px solid #e8e8e8; border-radius:5px;}
                                                                 
                                   
                                     .TextMenyHeaderSub.link{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:0.9em;color:#797979;min-height:25px;height:25px;display:block;text-decoration: none !important;font-weight: normal;cursor:pointer;text-transform: none;}
                                     .TextMenyHeaderSub:hover{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:0.9em;color:#797979;min-height:27px;height:25px;padding:3px 4px 5px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#e8e5e5;border: 1px;border-color:#12143b;border-radius:5px;}
                                     .TextMenyHeaderSub{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:0.9em;color:#797979;min-height:25px;height:25px;padding:3px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
                                     .TextMenyHeaderSubFocus{font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;font-size:0.9em;color:white;min-height:27px;height:27px;padding:3px 4px 8px 4px; display:block;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;background-color:#bebebe;border: 1px;border-color:#bebebe;border-radius:5px;}
                                     
                                     .buttonDelete{font-weight: normal;font-size: 0.75em;height:25px;width:auto;padding:2px 4px 8px 4px;border-radius:4px;color: white;background-color:#e80b0b;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #e80b0b 1px solid;cursor:pointer;}
                                     .buttonDelete:hover{font-weight: normal;font-size: 0.75em;height:25px;width:auto;padding:2px 4px 8px 4px;border-radius:4px;color: white;background-color:#e80b0b;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #e80b0b 1px solid;cursor:pointer;}

                                     .buttonLink{font-weight: normal;font-size: 0.75em;height:25px;width:auto;padding:2px 4px 8px 4px;border-radius:4px;color: white;background-color:#4169b1;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #4169b1 1px solid;cursor:pointer;}
                                     .buttonLink:hover{font-weight: normal;font-size: 0.75em;height:25px;width:auto;padding:2px 4px 8px 4px;border-radius:4px;color: white;background-color:#4169b1;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #4169b1 1px solid;cursor:pointer;}

                                     .buttonSave{font-weight: normal;font-size: 0.75em;height:35px;width:100%;padding:2px 4px 4px 4px;border-radius:4px;color: white;background-color:#226914;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #226914 1px solid;text-align:center;cursor:pointer;}
                                     .buttonSave:hover{font-weight: normal;font-size: 0.75em;height:35px;width:100%;padding:6px 4px 8px 4px;border-radius:4px;color: white;background-color:#418933;text-decoration: none;border: #418933 1px solid;text-align:center;cursor:pointer;}

                                     .buttonInvite{font-weight: normal;font-size: 0.85em; width:100%;height:35px;border-radius:4px;color: white;display:block;position:relative;float:left;background-color:#226914;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #226914 1px solid;text-align:center;padding:6px 4px 2px 2px;cursor:pointer;}
                                     .buttonInvite:hover{font-weight: normal;width:100%;height:35px;border-radius:4px;color: white;background-color:#418933;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;border: #418933 1px solid;text-align:center;cursor:pointer;padding:6px 4px 2px 2px;}

                                     .plainTextGrey{font-weight: normal;font-size: 0.65em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor:default;}
                                     .plainTextGrey:link{font-weight: normal;font-size: 0.65em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor: pointer;}
                                     .plainTextGrey75{font-weight: normal;font-size: 0.75em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor:default;}
                                     .plainTextGrey75:link{font-weight: normal;font-size: 0.75em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;cursor: pointer;}
                                     .plainTextGreySmall{font-weight: normal;font-size: 0.7em;color: #404040;font-family: Google Sans Flex, 'Open Sans', sans-serif, arial;text-decoration: none;}


           }