﻿/*html,body,blockquote,code,h1,h2,h3,h4,h5,h6,p,pre{margin:0;padding:0}
button,fieldset,form,input,legend,textarea,select{margin:0;padding:0}
fieldset{border:0}
a,a *{cursor:pointer}
div{margin:0;padding:0;background-color:transparent;text-align:left}
hr,img{border:0}
applet,iframe,object{border:0;margin:0;padding:0}
button,input[type=button],input[type=image],input[type=reset],input[type=submit],label{cursor:pointer;}
ul,li{list-style:none;margin:0;padding:0;}
strong{font-weight:bold;}
em{font-style:italic;} */
/* main color of site: background-color:#C4D2EA */
/* new background-color: #D3DEEF, old #C4D2EA */
*
{
    margin: 0px;
    padding: 0px;
      
}

html { 
    height: 100%;
 /* overflow-x:scroll;*/
}


body {
    padding: 0px;
    margin: 0px;
    font-size: 10pt;
    /* font-family: "Segoe UI", Helvetica, sans-serif;*/
    /*font-family: 'Roboto';*/
    font-family: "Segoe UI", Helvetica, sans-serif;
    background-color: White;
    width: 100%;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 100vh;
    color: black !important; /*#F5F4F3 ghostwhite*/
}


#wrapper {
  padding: 0px 0;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#content {
  min-height: 100%;
  background-color: green;
}

.container2
{
     
 /*this is the standard*/
    /* option 4*/
     
}
.container2:before {
    z-index: -1;
    content: '';
    position: absolute;
top:0;

    /* opacity: 0.8;*/ /*0.8 */
    
    /*box-shadow: inset 0px 0px 15px 15px rgba(71, 201, 114, 0.5);*/
    min-height: 100%;
    /* background-image: url('../Images/background_balk_klein.jpg'), url('../Images/bgi[1].jpg'); */
    /*background: url('../Images/background_balk_klein.jpg'), url('../Images/bgi[1].jpg');*/ /*this is the standard*/
    /*background: url('../Images/bgi[1].jpg');*/
    /* background-repeat: repeat-y, repeat;*/
    /*background-repeat: repeat;*/
    width: 100%;
    
    /*this is the standard*/
    /* option 2*/
   /* background: url('../Images/bgi[1].jpg');  
   background-repeat: repeat;*/
    
    /* option 3*/ 
    /*box-shadow: inset 0px 0px 15px 15px rgba(71, 201, 114, 0.5);*/
    /*min-height: 100%;
    background-image: url('../Images/background_balk_klein.jpg'), url('../Images/bgi[1].jpg'); 
    background-repeat: repeat-y, repeat;
    width: 100%;*/
 
    /*box-shadow: inset 0px 0px 15px 15px rgba(255,255,255, 0.5);*/ /* disabled 24-11-17*/
    /* background-color:#856F97;*/
     
}

.shadow_ {
    /*position: absolute;*/
    position: relative;
    width: 100%;
    height: 100%;
    /*box-shadow: inset 3px 3px 3px 3px #000000;*/
    /*box-shadow: inset 0px 0px 20px 5px rgba(182, 208, 252, 0.9);*/
    /*box-shadow: inset 0px 10px 20px 5px rgba(182, 208, 252, 0.9);*/ /*good*/
    /*box-shadow: inset 0px 5px 20px 10px rgba(182, 208, 252, 0.9);*/ /* best */
    /*box-shadow: inset 0px 0px 20px 10px rgba(182, 208, 252, 0.9);*/ /* best */
    /*#B6D0FC:  */
    /*box-shadow: inset 12px 0 15px -4px rgba(182, 208, 252, 0.9), -12px 0 8px -4px rgba(182, 208, 252, 0.9);
    box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 15px -4px rgba(31, 73, 125, 0.8);*/
    /*box-shadow: inset -15px 0px 15px -15px rgba(182, 208, 252, 0.9);*/
    
    /*box-shadow: inset 0 -6px 10px rgba(31, 73, 125, 0.9), inset 0 6px 10px rgba(31, 73, 125, 0.9), inset 7px 0 4px -3px black, inset -7px 0 4px -3px black;*/
    /*box-shadow: inset 0 12px  15px -4px rgba(31, 73, 125, 0.8), inset 0 -12px  8px -4px rgba(182, 208, 252, 0.8);*/ /*best*/
     
    /*background: white;*/
    /* -1px -1px 1px */
    top: 0;
    left: 0;
     
    /*box-shadow: inset 0 12px  15px -4px rgba(182, 208, 252, 0.8), inset 0 -12px  8px -4px rgba(182, 208, 252, 0.8);*/

    /* box-shadow: inset 0 12px  15px -4px rgba(222, 231, 246, 0.8), inset 0 -12px  8px -4px rgba(222, 231, 246, 0.8);*/

    /* box-shadow: inset 0 12px  15px -4px rgba(245, 245, 245, 0.8), inset 0 -12px  8px -4px rgba(245, 245, 245, 0.8);*/

    /*temp disabled*/
    /* box-shadow: inset 0 12px  15px -4px rgba(222, 231, 246, 0.8);*/
}







.hidden
{
    display: none;
    visibility: hidden;
}
.error
{
    color: Red;
}

.headTable
{
    width: 997px;
    height: 64px;
    /*background-color: White;*/
}

.contentTable
{
    width: 997px;
    background-color: #ffffff; /* #ffffff*/
    background-image: url(             'Images/bg-center.gif' );
}

.headRightTd
{
    background-image: url(             'Images/orange_bg.gif' );
    background-repeat: no-repeat;
    width: 745px;
    vertical-align: middle;
    text-align: right;
}

.headLeftTd
{
    background-image: url(             'Images/orange_bg.gif' );
    background-repeat: no-repeat;
    width: 745px;
    vertical-align: middle;
    text-align: left;
}

.smallTextTd
{
    color: #465b57;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    vertical-align: top;
    width: 140px;
}

.addUserTable
{
    width: 100%;
}

.addAdminPromoDiv
{
    width: 980px;
    border-style: solid;
    border-width: 1px;
    border-color: #DFB4EA;
    background-color: #ffffff;
}

.adminMenuDiv
{
    width: 980px;
    height: 20px;
    text-align: left;
    vertical-align: middle;
    background-color: #805B8C;
    border-style: solid;
    border-width: 1px;
    border-color: #DFB4EA;
    text-indent: 5px;
}

.addAdminPromoTable
{
    width: 100%;
}

.addUserTable
{
    width: 100%;
}

.topNewsTable
{
    width: 100%;
}

.addAdminPromoHeadTd
{
    background-color: #805B8C;
    color: #ffffff;
    text-indent: 5px;
    text-align: left;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.addAdminPromoHeadNameTd
{
    background-color: #805B8C;
    color: #ffffff;
    text-indent: 5px;
    text-align: left;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    width: 270px;
}

.addUserDiv
{
    width: 730;
    border-style: solid;
    border-width: 1px;
    border-color: #BD301E;
    background-color: #ffffff;
}

.topNewsDiv
{
    width: 730;
    border-style: solid;
    border-width: 1px;
    border-color: #FFA800;
    background-color: #ffffff;
}

.newsNameDiv
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    text-indent: 0px;
}

.promoNameDiv
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    text-indent: 0px;
    color: #999999;
}

.promoShortDiv
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    text-indent: 0px;
    color: #555555;
    margin-top: 3px;
}

.newsDateDiv
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    text-indent: 0px;
    color: Orange;
    margin-bottom: 3px;
}

.promoDateDiv
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    text-indent: 0px;
    color: Orange;
    margin-bottom: 3px;
}

.addUserHeadTd
{
    background-color: #BD301E;
    color: #ffffff;
    text-indent: 5px;
    text-align: left;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    height: 18px;
}

.topNewsHeadTd
{
    background-color: #FFA800;
    color: #ffffff;
    text-indent: 5px;
    text-align: left;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    height: 18px;
}

.advert_titleUrl
{
    font-size: 22px;
}
.advert_description
{
    font-size: 14px;
}

.advert_description2
{
    font-size: 14px;
}

.advert_url
{
    font-size: 12px;
    color: Green;
}

.lineTd
{
    height: 1px;
    background-color: #805B8C;
}

td.adminLeft
{
    text-align: left;
    text-indent: 5px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    vertical-align: top;
}
td.adminRight
{
    text-align: right;
    text-indent: 5px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    vertical-align: top;
}

td.Subscriptions
{
    width: 520px;
    height: 150px;
}
td.separator
{
    width: 30px;
}
/* new 0701*/
td.TabContainer1
{
    width: 320px;
    border:12px solid transparent;
    padding:2px 2px;

    /*border-image:url(../images/border.png) 30 30 round;*/
    /*-moz-border-image:url(../images/border.png) 30 30 round;*/ /* Old Firefox */
    /*-webkit-border-image:url(../images/border.png) 30 30 round;*/ /* Safari and Chrome */
    /*-o-border-image:url(../images/border.png) 30 30 round;*/ /* Opera */
     
}
td.TabContainer2
{
    width: 520px;
    height: 300px;
    
    /* border:12px solid transparent;*/
    border: 1px solid #D2D7E3; /*#E6E6FF */
    padding:2px 2px;

    /*border-image:url(../images/border.png) 30 30 stretch;*/
    /*-moz-border-image:url(../images/border.png) 30 30 stretch;*/ /* Old Firefox */
    /*-webkit-border-image:url(../images/border.png) 30 30 stretch;*/ /* Safari and Chrome */
    /*-o-border-image:url(../images/border.png) 30 30 stretch;*/ /* Opera */
    
    /*border: 1px solid #696\9;*/ /*good*/
    /*border: 5px double #999\9;
    border-radius: 8px\9;
    box-shadow: #666 0px 2px 3px\9;
    background: white;*/
    
    /*background-color: #CCFFCC !Important;*/
    
    /*background-color:#718AB9 !Important;*/
}

td.TabContainer2b /*new 01-08*/
{
    height: 110px;
    padding:2px 2px;
    
     border/*/**/: 5px double #999;
    border-radius: 8px;
    box-shadow: #666 0px 2px 3px;
    background: white;
    
    /*-moz-border-image:url(../images/border.png) 30 30 stretch;*/ /* Old Firefox */
}
table.TabContainer
{
    /*width: 550px;*/ /* good */
    /*background-color: white;*/
    
    /*width: 550px;*/
    width: 550px;
    

}
/* new 0701*/
td.TabContainer3
{
    border:12px solid transparent;
    padding:2px 2px;

    border-image:url(../images/border.png) 30 30 stretch;
    -moz-border-image:url(../images/border.png) 30 30 stretch; /* Old Firefox */
    -webkit-border-image:url(../images/border.png) 30 30 stretch; /* Safari and Chrome */
    -o-border-image:url(../images/border.png) 30 30 stretch; /* Opera */
}
td.TabContainer4
{
    /*border:12px solid transparent;*/
    border: 1px solid #D2D7E3; /*#E6E6FF */
    /*border:12px double navy;*/
    width:200px;
    padding:2px 2px;
    background-color:

    /*border-image:url(../images/border.png) 30 30 round;*/
    /*-moz-border-image:url(../images/border.png) 30 30 round;*/ /* Old Firefox */
    /*-webkit-border-image:url(../images/border.png) 30 30 round;*/ /* Safari and Chrome */
    /*-o-border-image:url(../images/border.png) 30 30 round;*/ /* Opera */
    
    /*border: 5px double #999\9; */ /*1px solid #696\9*/ /*/9 designates ie 9*/
    /*border-radius: 8px\9;*/
    /*box-shadow: #666 0px 2px 3px\9;*/
    /*background: white;*/
    background-color: white !Important;
}

td.TabContainer4b
{
    width:250px;
    padding:2px 2px;
    
    border/*/**/: 5px double #999; /*1px solid #696\9*/ /*/9 designates ie 9*/
    border-radius/*/**/: 8px;
    box-shadow/*/**/: #666 0px 2px 3px;
    background/*/**/: white;
    
    /*-moz-border-image:url(../images/border.png) 30 30 round;*/
}
td.TabContainerTest
{
    /*border: 1px solid #696;*/
    border: 1px solid #D2D7E3; /*#E6E6FF */
 
 
/*-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;*/

/* to(#66EE33)*/
/* disabled 31-12-15
background: #EEFF99;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#F4D69F));  
background: -webkit-linear-gradient(#EEFF99, #F4D69F);
background: -moz-linear-gradient(#EEFF99, #F4D69F);
background: -ms-linear-gradient(#EEFF99, #F4D69F);
background: -o-linear-gradient(#EEFF99, #F4D69F);
background: linear-gradient(#EEFF99, #F4D69F);
 
 -pie-background: linear-gradient(#EEFF99, #F4D69F);
    behavior: url(pie/PIE.htc);*/
    
    /*background-color: white !Important; */
    
 background-color: #5234EB !Important;
}

td.TabContainerTest a
{
    color: White;
}
td.TabContainerTest a:hover
{
    color: Yellow;
}

/*td.TabContainerTest2
{
    border: 1px solid #696;
}*/
td.TabContainerTest2
{
    /*border: 1px solid #696;*/
    border: 1px solid #D2D7E3; /* original: #E6E6FF; new: #D2D7E3*/
    height: 110px;
 
 
    /*-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;*/
    background: #FFF8F0; /*#FFF8F0*/
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF8F0), to(#7DB5F2)); /* to(#66EE33)*/ /* from(#EEFF99)*/ /* to(#F4D69F)*/
    background: -webkit-linear-gradient(#FFF8F0, #7DB5F2);
    background: -moz-linear-gradient(#FFF8F0, #7DB5F2);
    background: -ms-linear-gradient(#FFF8F0, #7DB5F2);
    background: -o-linear-gradient(#FFF8F0, #7DB5F2);
    background: linear-gradient(#FFF8F0, #7DB5F2);
    
    -pie-background: linear-gradient(#FFF8F0, #7DB5F2);
    behavior: url(pie/PIE.htc);
    
    background-color: white !Important;
 
}
 
td.topNewsLeft
{
    text-align: left;
    text-indent: 5px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    width: 90px;
    vertical-align: top;
}
td.topNewsRight
{
    text-align: left;
    text-indent: 5px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    vertical-align: top;
}
td.userLeft
{
    text-align: left;
    text-indent: 5px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    vertical-align: top;
    width: 200px;
}
td.userRight
{
    text-align: left;
    text-indent: 5px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    vertical-align: top;
    width: 500px;
}

.comboBoxWithWidth
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    width: 201px;
}

select, input
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

.inputWithWidth
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    width: 195px;
}

.inputWithWidthTwo
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    width: 90px;
}

.fileInputWithWidth
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    width: 405px;
}

.inputMultilineWithWidth
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    width: 400px;
    height: 100px;
}

.searchText
{
    width: 400px;
}

a.topMenu:link
{
    color: #465b57;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
}

a.topMenu:active
{
    color: #465b57;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
}

a.topMenu:visited
{
    color: #465b57;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
}

a.topMenu:hover
{
    color: red;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
}

a.topAdminMenu:link
{
    color: #ffffff;
    text-decoration: underline;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

a.topAdminMenu:active
{
    color: #ffffff;
    text-decoration: underline;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

a.topAdminMenu:visited
{
    color: #ffffff;
    text-decoration: underline;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

a.topAdminMenu:hover
{
    color: #FFA800;
    text-decoration: underline;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

a.newsName:link
{
    color: #000000;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

a.newsName:active
{
    color: #000000;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

a.newsName:visited
{
    color: #000000;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

a.newsName:hover
{
    color: red;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

a.promoName:link
{
    color: #444444;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

a.promoName:active
{
    color: #444444;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

a.promoName:visited
{
    color: #444444;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

a.promoName:hover
{
    color: red;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

.inputBig
{
    width: 60%;
}

.inputSmall
{
    width: 40%;
}

tr.header
{
    font-weight: bold;
}
table.user_table_980px
{
    padding: 0px;
    margin: 0px;
    width: 980px;
}
.submit
{
    border: 2px outset #E9E9E9;
    background-color: #FFFBFF;
    font-weight: bold;
    cursor: pointer;
    height: 27px;
}

/* Zack */
.img_logo
{
    width: 180px;
    height: 56px;
}
.div_subs_link
{
    border: 2px solid #666666;
    margin: 4px 4px 4px 1px;
    padding: 4px;
    max-width: 300px;
}

div.hideSkiplink
{
    width: 100%;
}

/*div.menu
{
    padding: 4px 0px 4px 8px;
    width: 100%;
}

div.menu ul
{
    margin-top: 0px;
    list-style-type: none;
    background: url('Images/menubar.png');
    background-repeat: repeat-x;
    height: 42px;
}

div.menu ul li
{
    margin-top: 8px;
    float: left;
}

div.menu ul li a, div.menu ul li a:visited
{
    font-size: 13px;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    line-height: 34px;
    color: white;
}

div.menu ul li.selected
{
    background: #B0B0B0;
    border-top: solid #858585 1px;
    border-left: solid #858585 1px;
    border-right: solid #858585 1px;
}

div.menu ul li a:hover
{
    background: #B0B0B0;
    text-decoration: none;
}

div.menu ul li a:active
{
    text-decoration: none;
    font-weight: bold;
}*/


div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    margin-top: 0px;
    list-style-type: none;
    background: url('Images/menubar.png');
    background-repeat: repeat-x;
    height: 42px;
}

div.menu ul li
{
    margin-top: 8px;
    float: left;
}

div.menu ul li a, div.menu ul li a:visited
{
     
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    /*line-height: 34px;*/
    color: white;
    /* font-size: 20px; */
}

div.menu ul li.selected
{
    background: #B0B0B0;
    border-top: solid #858585 1px;
    border-left: solid #858585 1px;
    border-right: solid #858585 1px;
}

div.menu ul li a:hover
{
    background: #B0B0B0;
    text-decoration: none;
}

div.menu ul li a:active
{
    text-decoration: none;
    font-weight: bold;
}

.liclass li
{
    font-size:9pt;
}

/* HEAD */

div.head
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px; /* 5px*/
    /* width: 1014px;*/ /*978.988,998 */
    /*background: #F8FDBB;*/ /* #A5A5A5, 311215, Yellow 311215, #FFCC99, #8B69BA,#9ABAC0;#F8FDBB*/
    /*border: solid 1px #CFCCC7;*/ /* #858585,#CFCCC7 1px*/
    /* width: 1014px; */ /*1014px*/
    min-width: 920px;
  width: 80%;
  max-width: 1920px;
     

    /*border: 1px solid Grey;*/
    border-left:1px solid Grey;
    border-right:1px solid Grey;
    border-top:1px solid Grey;
    
 
}

div.head h1
{ 
    /*padding: 10px;*/ /*padding: 10px; */
    color: white;
}

/* disabled 05-01-15*/
/*div.head ul
{
    margin-top: 0px;
    list-style-type: none;
    background: url(            'Images/menubar2.png' );  
    background-repeat: repeat-x;
    height: 42px;
}*/
/*menubar.png*/

/* new 09-01-15*/
.tab-left2 {
    /*background-image: url("Images/menubar.png");*/
    margin-top: 0px;
    list-style-type: none;
    /*background-image: url('Styles/Images/menubar2.png');*/ /*Solution was to add Styles */
    /*background-image: url('Images/menubar2.png');*/ /* new 09-01-15 */
    /*background-color:Fuchsia;*/  
    /*background-repeat: repeat-x;*/
    background-color: #41475F; /*  black, #41475F*/
    /*height: 42px;
    width:190px;*/ /*190px */
                   height: auto;
                   width:100%;
    
    background-image: url('../images/1a.gif');
    background-repeat:  repeat;
    /*background-repeat: repeat-y !Important;
    background-repeat: repeat-x !Important;*/
    /*background-image: url('<%=imageFolder %>1a.gif');background-repeat:repeat*/
    border-left: 0px solid #CFCCC7;
    border-right: 0px solid #CFCCC7;
    border-top: 0px solid #CFCCC7;
    }
    
    .tab-left2_ {
    /*background-image: url("Images/menubar.png");*/
    margin-top: 0px;
    list-style-type: none;
    /*background-image: url('Styles/Images/menubar2.png');*/ /*Solution was to add Styles */
    /*background-image: url('Styles/Images/menubar3.png');*/ /* new 09-01-15 */
    background-image: url(Images/menubar3.png) !Important;
    /*background-color:Fuchsia;*/  
    /*background-repeat: repeat-x;*/
    /*height: 42px;*/
    background-size: 100%;
    
     height: 8px;
      
    }

div.head ul
{
    margin-top: 0px;
    list-style-type: none;
    /*background: url('Images/menubar2.png' );  */
    background-repeat: repeat-x;
    height: 42px;
}

div.head li
{
    margin-top: 8px;
    float: left;
}

div.head li a
{
    font: 14px;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    line-height: 34px;
    color: white !Important;
}

div.head li :hover
{
    /*background: #B0B0B0 !Important;*/
    /*color: #FEF923 !Important;*/
}

div.head li.selected
{
    background: #B0B0B0;
    border-top: solid #858585 1px;
    border-left: solid #858585 1px;
    border-right: solid #858585 1px;
}
div.head li.selected a
{
    text-decoration: none;
    /*font-weight: bold;*/
}

div.account
{
    /*float: right;*/
    color: Black;
    text-align: right;
    margin: 10px;
}

div.account a
{
    /*color: #4D3F5C;*/ /* disabled 19-12-17*/
    text-decoration: none;
}
div.account a:hover
{
    text-decoration: underline;
}
/* BREAD CRUMS */
div.breadcrums
{
    width: 100%;
    background: #49607A ; /* #B0B0B0, #D19263, #306467 */
    height: 25px;
}

div.breadcrums p
{
    padding: 5px;
    padding-left: 15px;
    color: white;
}

div.breadcrums a, a:active, a:visited
{
    /*color: white !Important;*/
    /*color: white;*/
    color: #4D3F5C;
    text-decoration: none;
}
div.breadcrums a:hover
{
    text-decoration: underline;
}
/* COMMANDS BAR */

div.commands
{
    width: 100%;
    background: #49607A; /* #B0B0B0, #D19263, #306467 */
    height: 25px;
}

div.commands ul
{
    list-style-type: none;
}

div.commands li
{
    /*float: left;*/ /* causes issue in IE*/
    float: left;
    padding: 3px;
}

div.commands a
{
    color: #4D3F5C;
    text-decoration: none;
}
div.commands a:hover
{
    text-decoration: underline;
}

div.search
{
    float: right;
    padding:3px;
}
div.search input[type='image']
{
    max-height: 18px;
    width: 18px;
    vertical-align: middle;
}
div.search input[type='text']
{
    vertical-align: middle;
    max-height: 25px;
    padding-right:3px;
}
/* BODY */

div.container 
{
    /* width:   1014px; */ /*978px*/ /*1024px 1014px*/

    min-width: 920px;
  width: 80%;
  max-width: 1920px;

    margin-left: auto;
    margin-right: auto;
    background-color:#D3DEEF !Important;
      
    z-index:1;
 
     
  
}

div.body
{
    /*width: 1014px;*/ /*978px*/ /*1024px*/
    margin-left: auto;
    margin-right: auto;
    /*border: solid #858585 1px;*/ /* solution for Default.aspx*/
    
    /*margin-bottom:30px;*/
    /*min-height: 3000px;*/ /* new */
    /*background-color:#B6D0FC !Important;*/ /*#B3B0DF,#B6D0FC; */
    min-height: 1000px;

   /*  min-width: 920px;
  width: 90%;
  max-width: 1920px;*/
 
}

div.main::before {
    /* width: 1014px !Important;*/ /*978px*/ /*1024px 1014px*/
    /* margin-left: auto;
    margin-right: auto;*/
    /* display:inline-block;*/ /* new 13-04-19*/
    /*margin-bottom:30px;*/
    /*min-height: 3000px;*/ /* new */
    /*background-color:#C4D2EA;*/ /*#B3B0DF,#B6D0FC !;#B6C0BE ; #D5DEB1;#D7C8D0;#E0D6DB #D8D8F3 #C8D2D0 #8C83B8 #C8C2DC #D8D3E7*/
    /*min-height: 1000px;*/
    /*#C4D2EA;*/
    /* background-color:	antiquewhite !Important;*/ /*#E7E9ED #DEDED8 #FBEDD0 #E4E3DA #D7D6D0 #E8E8E8 #F0F0EC #F1F1F3 #D7D6CC*/ /*#D3DEEF (standard past color) #EAEBEE*/
    /*  background: url('../Images/bgi[1].jpg');  */
    /* background: url('../Images/blueprint.png');
    background-repeat: repeat;
    filter: grayscale(80%);*/
    background-color: #f3f2ef  !Important; /*#f6f6f6 black*/ /* #CFD1DA #D3DDE4 #BFCDD7*/ /*#CFD3E2 #CFD7E2*/ /*#ADC5D6*/ /*#BFCDD7*/
    /* opacity: 0.8;*/
    z-index: -1;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*height: 1000px;*/
    /*border: solid 0px Gray;*/ /* 1px */
    /* height: auto; */
    /*border-color: #808080 !Important;*/
    /*border-left: solid 1px #CFCCC7;
     border-right: solid 1px #CFCCC7;
     border-bottom: solid 1px #CFCCC7;*/
    /*border: 1px solid Grey;*/
    /*border-left:1px solid Grey;
      border-right:1px solid Grey;
      border-bottom: 1px solid Grey;*/
}

.top
{
    border-bottom: 7px solid White !Important;
}

.commands
{
    /* #7180B0 #263E3E #508383 #5F9C9C*/
    background-color: inherit !Important; /*inherit #9090C0  */
    color: #272138 !Important;
    border-bottom : 1px solid #ddd;
     box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.4);

}
div.commands a
{
    /*color: #272138 !Important;*/
    color: #272138;
    text-decoration: none;
}
div.commands a:hover
{
    text-decoration: underline;
}

.breadcrums2
{
    /* #7180B0 #263E3E #508383 #5F9C9C*/
    background-color: inherit !Important; /*inherit #9090C0  */
    /*color: #272138 !Important;*/
    color: #272138;
    border-bottom : 1px solid #ddd;
     box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.4);

}
div.breadcrums2 p
{
    padding: 5px;
    padding-left: 15px;
    color: #272138 !Important;
}

div.breadcrums2 a, a:active, a:visited
{
    /*color: white !Important;*/
    /*color: #272138 !Important;*/
    color: #272138;
    text-decoration: none;
}
div.breadcrums2 a:hover
{
    text-decoration: underline;
}

/* BREAD CRUMS */
div.breadcrums
{
    background-color: 	#A3B9DE  !Important; /* nice: #A3B9DE*/
    color: #272138 !Important;
}

div.breadcrums p
{
    padding: 5px;
    padding-left: 15px;
    color: #272138 !Important;
}

div.breadcrums a, a:active, a:visited
{
    /*color: white !Important;*/
    /*color: #272138 !Important;*/
    color: #272138;
    text-decoration: none;
}
div.breadcrums a:hover
{
    text-decoration: underline;
}


#top
{
    /*width: 1014px;*/
    min-width: 920px;
  width: 80%;
  max-width: 1920px;

    margin-left: auto;
    margin-right: auto;
    background-color:#F8FDBB;
    height:92px;
    border-color: #808080 !Important;
}


/* ajax__tab_yuitabview-theme theme (Images/yui/sprite.png) */
.ajax__tab_yuitabview-theme .ajax__tab_header
{
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
    border-bottom: solid 5px #2647a0;
    border-style: solid;
    border-color: #808080 #808080 #2647a0 #808080;
    border-width: 1px 1px 5px 0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer
{
    background: url(Images/yui/sprite.png) #d8d8d8 repeat-x;
    margin: 0px 0.16em 0px 0px;
    padding: 1px 0px 1px 0px;
    vertical-align: bottom;
    border: solid 1px #a3a3a3;
    border-bottom-width: 0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{
    color: #000;
    padding: 0.35em 0.75em;
    margin-right: 0.01em;
    cursor: pointer;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer
{
    background: url(Images/yui/sprite.png) #bfdaff repeat-x left -1300px;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab
{
    color: #fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    background: url(Images/yui/sprite.png) #2647a0 repeat-x left -1400px;
}
.ajax__tab_yuitabview-theme .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 0.25em 0.5em; /*background-color: #edf5ff;*/
    border: solid 1px #808080;
    border-top-width: 0px;
}
/* DIRECTORY */

div.directory
{
    width: 100%;
    /* border-bottom: solid #858585 1px;*/
}

/* RELATED ARTICLES */
div.related
{
    margin: 10px;
    padding: 10px;
    float: right;
    display: block;
    overflow: auto;
    white-space: nowrap;
    text-align: left;
    max-height: 500px;
}
div.related ul
{
    list-style-type: none;
}


/* ARTICLE */

div.article
{
    margin-left: 0px;
    margin-right: auto;
    width: 100%;
    /*min-height: 1050px;*/
    background-color:White; /* #B6D0FC*/
    -webkit-border-radius: 0px;
    margin-top:0px;
}

div.article h2
{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

div.article p
{
    margin-bottom: 5px;
}

/* SlideShow */
div.SlideShow
{
    /* width: 1014px;*/ /*420px */
    min-width: 920px;
  width: 80%;
  max-width: 1920px;
    max-height: 360px; /*300px; 360px*/
    padding-top: 10px;
    padding-right: 5;
    padding-bottom: 10;
    padding-left: 5;
    text-align: center;
    
     
}
#slideshow
{ 
    /*background-color: Red;*/
     background-color: Red;
     /* width: 1014px;*/ /*420px */
    min-width: 920px;
  width: 80%;
  max-width: 1920px;
}

div.SlideShow img
{
    /* width: 1014px;*/ /*420px */
    min-width: 920px;
  width: 80%;
  max-width: 1920px;
    height: 290px; /* 290px*/
}
.SlideShowControl
{
    border: 2px outset #CCCCCC;
    /* width: 1014px;*/ /*420px */
    min-width: 920px;
  width: 80%;
  max-width: 1920px;
    height: 27px;
    cursor: pointer;
    text-align: center;
}
#slideshow1
{ 
    background-color: inherit;
    /* width: 1014px;*/ /*420px */
    min-width: 920px;
  width: 80%;
  max-width: 1920px;
     
}
/* Buletted list */
div.bulletedList
{
    margin: 10px 5px 5px 10px;
}
div.bulletedList ul
{
    list-style-type: none;
}
div.bulletedList li
{
    padding: 2px;
}

div.title
{
    margin: 10px auto 10px 0px; /*margin: 10px auto 10px 5px; */
}

/*  Preview  */
div.preview
{
    height: 250px; /* 240px */
    width: 385px; /* 385px*/
    vertical-align: top;
    overflow: hidden;
    padding-right: 10px;
    padding-left: 10px;
}
div.preview2
{
    height: 145px;
    width: 375px; /* 385px*/
    vertical-align: top;
    overflow: hidden;
    padding-right: 10px;
    padding-left: 10px;
    background-color:white;
    
    /*font-size:1.2em !Important;*/
     
}
div.preview3
{
    height: auto;
    /*width: 313px !Important;*/ /* 385px*/
    
    vertical-align: top;
    overflow: hidden;
    padding-right: 10px;
    padding-left: 10px;
    background-color:white;
    
    /*font-size:1.2em !Important;*/
     
}
div.tweets
{
    width: 200px;
    height: 240px;
}
div.agenda
{
    width: 200px;
    height: 240px;
}

/* Form */
div.form
{
    margin-left: auto;
    margin-right: auto;
    /*width: 99%;*/ /* disabled 25-05*/
} 
div.form h2
{
    text-align: right;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 88%;  /* disabled 25-05*/
}

div.form table
{
    width: 100%;
}

div.form td
{    
	padding: 1px;
    vertical-align: top;
}
div.form td ul
{
    list-style-type: none;
}
div.form td ul li
{
    margin-bottom: 3px;
}
    div.form a {
        text-decoration: none;
        /* margin-left: 15px;*/
    }

/* Form */
div.form2
{
    margin-left: auto;
    margin-right: auto;
    /*width: 99%;*/ /* disabled 25-05*/
} 
div.form2 h2
{
    text-align: right;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 88%;  /* disabled 25-05*/
}

div.form2 table
{
    /*width: 100%;*/
}

div.form2 td
{    
	padding: 1px;
    vertical-align: top;
}
div.form2 td ul
{
    list-style-type: none;
}
div.form2 td ul li
{
    margin-bottom: 3px;
}
div.form2 a
{
    text-decoration: none;
    margin-left: 15px;
}

/* Form My Articles */
div.formMyArticles
{
    margin-left: auto;
    margin-right: auto;
    width: 8%;
}

div.formMyArticles table
{
    border-style: none;
    width: 100%;
}
div.formMyArticles td
{
    padding: 3px;
    margin: 3px;
    vertical-align: top;
}
div.formMyArticles td ul
{
    list-style-type: none;
}
div.formMyArticles td ul li
{
    margin-bottom: 5px;
}
td.label
{
    width: 135px; /* 135px*/
    text-align: right;
    line-height: 2em;
}
td.value input[type='text']
{
    padding: 3px;
    width: 85%; /*85% */
}
td.value input[type='text'].password
{
    width: 35%;
}
td.value input[type='text']:focus
{
    background: #CCFFCC;
    color: #993300; /* #993300*/
}
td.value input[type="password"]
{
    padding: 3px;
    width: 85%;
    /* font-family: Verdana, Arial; */
    /*font-family: "Segoe UI", Helvetica, sans-serif;*/
  /*letter-spacing: 1px;*/
 }
 td.value input[type='password']:focus
{
    
}
td.value input[type='radio']
{
    vertical-align: middle;
    margin-right: 2px;
    height: 20px;
}
td.value input[type='checkbox']
{
    cursor: pointer;
    padding-top: 4px;
    padding-right: 5px;
}
td.value textarea
{
    padding: 3px;
    height: 100px;
    width: 85%; /*85% */
}
td.value textarea:focus
{
    background: #CCFFCC;
    color: #993300;
}
p.buttons
{
    text-align: right;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 88%;
}
p.buttons a
{
    text-decoration: none;
    margin-top: 25px;
}

/* ajax__tab_xp-theme theme */
.ajax__tab_xp-theme .ajax__tab_header
{
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer
{
    padding-right: 4px;
    height: 21px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner
{
    padding-left: 3px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab
{
    height: 13px;
    padding: 4px;
    margin: 0;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer
{
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner
{
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab
{
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer
{
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner
{
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab
{
}
.ajax__tab_xp-theme .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid #999999; /*#F5F5F5*/
    border-top: 0;
    padding: 8px;

}


/* ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header
{
    display: block; /*block;*/
    font-size: small;
   /*background-color:white !important*/
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_tab
{
    cursor: pointer;
}
/* below entry is new, header text of tabpanel is a span not hyperlink*/
/*.ajax__tab_tab*/
/*  .ajax__tab_hover span  */
.ajax__tab_technorati-theme .ajax__tab_hover span 
{
    text-decoration: underline; /*works*/
    /*font-size:large !Important;*/
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer
{
    color: black; /* #222;#A5EDB5 */
    padding-left: 10px; /* 10px*/
    margin-right: 3px; /*3px*/
     
}
/* use this one for not active*/
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner
{
    color: #B79BB0; /* #666, #340035! ; #9D669C, #BFB6C0,#C6A4B6; #7EB5C9; #89638F*/
    padding: 3px 10px 2px 0px;
}
/* use this one for hover */
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner
{
    color: #B79BB0; /* #1EAE83; #11FFCB; #AB4BFA;#D54281;#724BC0;#CC0033*/
    background-color:inherit;
     
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer
{
    border-bottom-color: #BC1400; /*#ffffff */
}
/*use this one (active)*/
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner
{
    color:inherit; /* #000000, #EB7A8E;#FFA953; #0066FF*/
    font-weight:bolder;
    background-color:inherit;
}
.ajax__tab_technorati-theme .ajax__tab_body
{
    padding: 8px;
}
/*a.ajax__tab_technorati-theme:hover
{
    color: Red !Important;
}*/

.tdLeftNoWidthBold
{
    text-align: left;
    font-weight: bold;
}

.tdLeftNoWidth
{
    text-align: left;
}

img.logo
{
    display: block; 
    margin-left: auto;
    margin-right:auto;
}

/*new 25-07, for articles*/
/*ul
{
 padding-left:0;
}
li  {
 list-style-position:inside;
  margin: 5px 0px 3px 20px;
}*/

/*#BulletedListMenu 
{

}
#BulletedListMenu li 
{
    
}
#BulletedListMenu li a
{
 
}*/

div.article /* div tag, class article*/
{
    /*color: Red;*/
}

div.article ul 
{
    padding-left:0;
}
div.article ul li
{
    padding-left:0;
    list-style-position:inside;
    margin: 5px 0px 3px 20px;
} 

/* new */
.rot-neg-90 {
    -moz-transform:rotate(270deg); 
    -moz-transform-origin: bottom left;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: bottom left;
    -o-transform: rotate(270deg);
    -o-transform-origin:  bottom left;
}

h4
{
    margin: 10px auto 10px 10px;
}

p
{
    margin: 10px 10px 10px 10px; /*10px auto 10px 5px */ /* 10px 10px 10px 10px*/
    padding:0;
}

p.first_char::first-letter { 
    color: red;
    text-transform: capitalize;
}

div.preview p:first-child:first-letter{
 /*color:black;   */
 font-size: 300%;
 text-transform: capitalize;
 font-family: French Script MT Standaard;
 /*margin:0; padding:0;*/
 /*font: normal 60px/0 'asenine', Arial, Helvetica, sans-serif; */
 font: normal 60px/0 'asenine', French Script MT Standaard;
}

div.preview p
{
    /*margin-top:20px;*/ 
    font-family: Verdana, Arial;
    font: 8pt;
    margin: 0;
    padding: 0;
}
div.preview p:first-child
{
    margin-top:20px;
}

h3, h4, h5
{
   /*#2B3547; #225757 */
   /*color:#6B4365 !Important;*/
   /*color:#6B4365;*/
   color:Black; /*02-11-17 */
}

h3, h5, h2, h4, h6, h1 {
    margin: 14px 10px 10px 10px;
    /*10px auto 10px 10px */
    /* font-family: "Segoe UI", Helvetica, sans-serif;*/
    /*font-family:'Revalia';*/ /* Revalia*/
    /* font-family:'Baumans';*/ /* Russo One Baumans Prosto One Oswald Teko Voces Play Squada One*/
    /*font-family: "Segoe UI", Helvetica, sans-serif;*/
    font-family: 'Baumans' !important;
    color: black; /*papayawhip*/
    /* text-shadow:1px 1px 2px #7C839E;*/
}



 
.RadioButtonList
{
     margin: 10px auto 10px 10px;
}

h3.brick
{
    color: #B22222;
    /*text-decoration:underline;*/
}

h3.testing
{
    background-color:Fuchsia;
}

.style3
{
    
    
}

.properties
{
    margin-left:10px;
}

.pdds
{
    height:800px;
    background-color:white;
    float:left;
    border:solid 1px #CFCCC7;
    margin-bottom:25px;
    /* width: 1014px;*/ /*420px */
    min-width: 920px;
  width: 80%;
  max-width: 1920px;
    margin-left:-1px;
    border-top:0px;
} 

/* new 27-11-14*/
div#right_side ul li
{
    padding-left:0;
    list-style-position:inside;
    margin: 5px 0px 3px 20px;
}

/*new 11-01-15 */
div.extra-style table.aTable tr td 
{ 
    /*background-color: Red !Important;*/
    /*border: 5px solid black !Important;*/
    padding:3px !Important;
    border-spacing: 2px;
}
div.extra-style table.aTable 
{ 
    /*background-color: Red !Important;*/
    border-collapse:collapse;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
}  

/* new 13-01-15*/
ol 
{
 margin-left:30px;
 margin-top:3px; 
}

table.promo ul li
{
    color:black;
 margin-left:30px;
 margin-top:3px; 
}

.courtly 
{
    /*background-color: #5234EB;*/
    background-color: #2D485F !Important; /* #2D484S */
}

td.courtly a
{
    color: White;
}
td.courtly a:hover
{
    color: Yellow;
}

div.lowerbar
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 953px !Important; /*978.988,998,1014px */
    background: #FFCC99; /* #A5A5A5, 311215, Yellow 311215*/
    border: solid #858585 1px;
    height: 34px;
}



/* #4A3258, #4D244B,#009900;#437671 */
/* #A76738; white;#AC2895*/
/*a:link {
    color:  		#1034A6;
    text-decoration: none;


}
a:visited {
        text-decoration: none;
color:  		#1034A6;

}
a:hover {
text-decoration: underline;
color: 		White;  

}*/
/* #1F9843 */
a, a:active, a:visited {
    /*color: #1034A6 !Important;*/
    color: #1034A6; /*lightblue;'#1034A6*/
    text-decoration: none;
}

    a:hover {
        /*color:#1034A6 !Important;*/
        color: #1034A6; /*lightblue #1034A6*/
        text-decoration: underline;
    }

.darkerblue a, .darkerblue a:active, .darkerblue a:visited
 {
  /*color: #1034A6 !Important;*/
  color: #1034A6; /*#1034A6*/
text-decoration: none;
}

.darkerblue a:hover
 {
/*color:#1034A6 !Important;*/ 
color:#1034A6; /*#1034A6*/
text-decoration: underline;
}

.lightblue a, a:active {
    /*color: #1034A6 !Important;*/
    color: #1034A6; /*lightblue #1034A6*/
    text-decoration: none;
}

    .lightblue a:visited {
        color: #1034A6; /* lightblue #1034A6*/
        text-decoration: none;
    }

    .lightblue a:hover {
        /*color:#1034A6 !Important;*/
        color: #1034A6; /*lightblue #1034A6*/
        text-decoration: underline;
    }

.lightblue_new a, a:active {
    /*color: #1034A6 !Important;*/
    color: #1034A6; /*lightblue #1034A6*/
    text-decoration: none;
}

    .lightblue_new a:visited {
        color: #1034A6; /* lightblue #1034A6*/
        text-decoration: none;
    }

    .lightblue_new a:hover {
        /*color:#1034A6 !Important;*/
        color: #1034A6; /*lightblue #1034A6*/
        text-decoration: underline;
    }

.lightblue_new2 a, a:active {
    /*color: #1034A6 !Important;*/
    color: lightblue; /*lightblue #1034A6*/
    text-decoration: none;
}

    .lightblue_new2 a:visited {
        color: lightblue; /* lightblue #1034A6*/
        text-decoration: none;
    }

    .lightblue_new2 a:hover {
        /*color:#1034A6 !Important;*/
        color: lightblue; /*lightblue #1034A6*/
        text-decoration: underline;
    }
 /*div.head
 {
     height:inherit !Important;
}*/
/* yellow area with logo*/
div.top
{
    background: #FBF9AE; /* #FBF9AE*/
    /*border:solid 0px #CFCCC7;*/ /* 1px */
    /* width:1014px;*/
    min-width: 920px;
  width: 80%;
  max-width: 1920px;
    margin-left:auto;
    margin-right:auto;
}

div.test1
{
    /*padding:auto;
    margin: 20px 10px 10px 10px;*/
    float:left;
    /*margin: 20px 10px 10px 10px;*/
    border:solid 1px #CFCCC7;
}
 
div.main2
{
    background-color:#B6D0FC; /*#B3B0DF,#B6D0FC !; */
    height: auto; 
   
}

td.readme a
{
    color:#437671;

 
}

td.readme a:hover
{
    color:#8D1D63;
   

}

/*ul li {
    padding-left: 0;
    list-style-position: inside;
    margin: 5px 0px 3px 20px;
}*/

.extra-style
            {
               
                border: 1px solid #D8BFD8;
                /*border-radius:5px;*/
            }
 
.whitebackground_old
{
margin-left: 5px;
    /* margin-right: auto;*/
    background-color:White; /* #B6D0FC*/
    -webkit-border-radius: 20px;
    margin-top:15px;
    padding:10px;
    /*width: 700px;*/
    margin-bottom:20px;
}
           
.whitebackground
{
/* margin-left: 5px;*/
margin-left: 10px;
    /* margin-right: auto;*/
    background-color:White; /* #B6D0FC*/
    /*-webkit-border-radius: 20px;*/
    -webkit-border-radius: 5px;
    margin-top:15px;
    padding:10px;
    /*width: 700px;*/
    margin-bottom:20px;
    border: #CADCE3 1px solid; 
}

.whitebackground_v2 {
    /* margin-left: 5px;*/
    margin-left: 25px; /*10px*/
    margin-right: 10px;
    /* margin-right: auto;*/
    background-color: white; /* #B6D0FC*/
    /*-webkit-border-radius: 20px;*/
    /* margin-top:15px;*/
    /* padding: 8px !important;*/
    padding: 8px;
    padding-top: 0px;
    /*width: 700px;*/
    margin-bottom: 0px;
    /* border-left: #CADCE3 0px solid;
    border-right: #CADCE3 0px solid;*/
}

.whitebackground_v3 {
    /* margin-left: 5px;*/
    /* margin-right: 5px;*/
    /* margin-right: auto;*/
    background-color: white; /* #B6D0FC*/
    /*-webkit-border-radius: 20px;*/
    -webkit-border-radius: 5px;
    margin-top: 0px;
    /*padding: 0px;*/
    /*width: 700px;*/
    margin-bottom: 0px;
    border: #CADCE3 1px solid;

     
}

.whitebackground_v4 td, .whitebackground_v4 th {
    /* margin-left: 5px;*/
    /* margin-right: 5px;*/
    /* margin-right: auto;*/
    background-color: White; /* #B6D0FC*/
    /*-webkit-border-radius: 20px;*/
    -webkit-border-radius: 5px;
    margin-top: 0px;
    /*padding: 0px;*/
    /*width: 700px;*/
    margin-bottom: 0px;

    padding: 4px;
}

    .table_fr_ td, .table_fr_ th {
border:1px solid black;
padding:4px;
    }

        .table_fr_2 td, .table_fr_2 th {
border:1px solid #5A6D8B;
padding:4px;
    }

.table_fr_3 td, .table_fr_3 th {
    border: 0px solid #F5F5F5; /*#5A6D8B*/
    padding: 4px;
}

.table_fr_4 td, .table_fr_4 th {
    border: 0px solid #F5F5F5; /*#5A6D8B*/
    padding: 4px;
}

.table_fr_5 td, .table_fr_5 th {
    border: 1px solid #F5F5F5; /*#5A6D8B*/
    padding: 4px;
}

.table_fr_6 td, .table_fr_6 th {
    border: 1px solid #F5F5F5; /*#5A6D8B*/
    padding: 4px;
}

.dotsimple {
  height: 15px;
  width: 15px;
  margin: -2px 2px; /* 0 2px */
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

table.customtable { 
        border: 0px outset grey;
        padding: 1px;
        background-color:white; 
  }

table.customtable td { 
            /* border: thin inset grey;*/
            margin: 1px;
            padding:3px; /*7px*/
    }

    #inner
    {
        border: 0px solid Yellow;
    }
    #inner td { 
            border: 0px solid Red;
            /*margin: 1;*/
            padding:0px;
    }

p.adapted {
margin-left:0px;
}

.main-wrapper:before,
.main-wrapper:after {
    content : "";
    display : table;
}
.main-wrapper:after {
    clear : both;
}.extra-style
            {
           
                /*border: 1px solid #D8BFD8;
                border-radius:5px;*/
            }/* for default.aspx */
.grid7 {
    background-color: white; /*#495C65;#C2CFD3;#E9E0FE*/
    /* text-shadow: 1px 1px 2px Black;*/
    color: black; /*#F5F4F3 #DCDCDC;#5F627A */ /*ghostwhite*/
    overflow: hidden;
    border-left: 0px solid red !important;
    border-right: 0px solid red !important;
}



.noborders {
    border-left: 1px solid #f3f2ef !important;
    border-right: 1px solid #f3f2ef !important;
    background-color: #f3f2ef !important;
    border-top: 1px solid LightGrey !important;
    border-bottom: 1px solid LightGrey !important;
}table.grid7 tr
        {
    /* border-left: 1px solid #5A6D8B !important;*/  /*#A9C8D8*/
           /* border-right: 1px solid #5A6D8B !important;*/ /*#A9C8D8*/
           /*  border-left: 1px solid #A9C8D8;
            border-right: 1px solid #A9C8D8;*/

           /* border: 1px solid #5A6D8B !important;*/ /*#A9C8D8*/
        }tr.mycystomrow
        {    display:table-cell;     box-shadow: 0px 4px 7px -2px gray;
    -webkit-box-shadow: 0px 4px 7px -2px gray;
    -moz-box-shadow: 0px 4px 7px -2px gray;    }tr.mycystomrow_old
        {
   
    /* display:table-cell;*/
    display:table-cell;
      background-color:red;
      /* box-shadow: 0 4px 7px -2px gray;*/
      
      box-shadow: 0px 4px 7px -2px gray;
    -webkit-box-shadow: 0px 4px 7px -2px gray;
    -moz-box-shadow: 0px 4px 7px -2px gray;

      /*box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.5);*/


       /* box-shadow: 0 4px 2px -2px rgba(0,0,0,0.5);*/
       

      /*box-shadow: 2px 2px 2px black !important;
  -moz-box-shadow: 2px 2px 2px black !important;
  -webkit-box-shadow: 2px 2px 2px black !important;*/
/* box-shadow: 0px 2px 2px black;
  -moz-box-shadow: 0px 2px 2px black;
  -webkit-box-shadow: 0px 2px 2px black;*/

 
          
        }



table.grid7 td {
    
    
    overflow: hidden;
    /* background-color: #F5F5F5;*/
}
.rad {
    background-color: #f3f2ef !important;
      
     
}
/*new*/
.tree tr td {
      margin: 0!important;
      padding: 0!important;
 }  /* table.grid7 tr
{    border-bottom: 1px solid white !important;
      border-width: 20px 0 !important;
      
 }*/
    
 

table.grid7 td{
     /* padding-bottom: 10px;*/ 
      
      
}

/*table.grid7 tr 
{
       border: 0px solid white !important;
      border-width: 20px 0;
       

}*//*table.grid7  tr
{

  padding: 5px 6px 2px;border-bottom: 2px solid #666666;white-space: nowrap;


}*/.test1 {
            background-color:  white; /*#495C65;#C2CFD3;#E9E0FE*/
            /* text-shadow: 1px 1px 2px Black;*/
            color: lightgoldenrodyellow; /*#DCDCDC;#5F627A */
             
        }
        .button5 {background-color: inherit; 
             border: 0px solid LightGray;
    /*color: 	Blue !Important;*/
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    text-shadow: none !Important;
    width:120px !Important;
    display:table-cell;
    vertical-align:middle;
              }
.button6 {
    background-color: inherit;
    border: 0px solid LightGray;
    /*color: 	Blue !Important;*/
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    text-shadow: none !Important;
    width: 120px !Important;
    display: table-cell;
    vertical-align: middle;
}
    .button6 a {
                color:blue !important; /* #F8DE7E #1034A6*/
                /* text-shadow: 1px 1px 2px black, 0 0 15px #344049, 0 0 5px #217483;*/
            }

        .button6 a:hover {
            color: blue !important; /* #FFC627 #F8DE7E*/
            /* text-shadow: 1px 1px 2px black, 0 0 15px #344049, 0 0 5px #217483;*/
        }

        .button6 a:visited {
            color: blue !important;
            /* text-shadow: 1px 1px 2px black, 0 0 15px #344049, 0 0 5px #217483;*/
        }

        .customoptions 
        {
            background:rgba(255,255, 255, 0.4);
        }
        .customoptions option {
        }
        .style1 a
        {
            color: #004953 !important;  
            font-weight:normal !important;
            font-style:normal;
            font-size: 11px !important;
             
        }
        .style1 a:hover
        {
            color: 	#FF7E00 !important;  
        }
        .style2 
        {
            border-bottom: solid transparent 5px;
        }
        .style2 a
        {
            color: #1C39BB; 
            font-size: 12px;
            text-decoration: none;
            font-weight:bold; 
        }
        .style2 a:hover
        {
            color:#CC7722;
            font-size: 12px;
            text-decoration: underline;
        }
        .style3 
        {
            color: white;  
            font-size: 14px;
            font-weight:bold;
            padding: 0px;
            border: 0px solid black;
            
            border-bottom: solid transparent 2px;
             background-color:White;
             padding-left: 10px; padding-bottom:10px;padding-top:10px;
        }
        .style3b 
        {
           padding-left: 5px;padding-top:5px;padding-bottom:5px;
           color: white;  
            font-size: 20px;
            font-weight:bold;

            
            border-bottom: solid transparent 2px;
             background-color:White;

        }
        .style3c 
        {
           padding-left: 5px;padding-top:5px;padding-bottom:5px;
           color: white;  
            font-size: 16px;
            font-weight:bold;

            font-variant:small-caps;
            border-bottom: solid transparent 2px;
             background-color:White;

        }
        .style3d 
        {
           color: white;  
            font-size: 14px;
            font-weight:normal;
            padding: 0px;
            border: 0px solid black;
            
            border-bottom: solid transparent 2px;
             background-color:White;
             padding-left: 5px;padding-top:5px;padding-bottom:5px;

        }
        .style4
        {
            background-color:white;
        }.style4 a:link
        {font-size: 12px;}
        .style4 a:link 
        {
            color: #536878;
        }.style4
        {
            font-size: 12px;
        }
        .style5
        {
        }
        .style6
        {
            color: Green;
        }
        .shadow {

        }
        body
        {

        }
        .shadow2
        {
            width: 100%;
            top: 0;
            left: 0;
            background: #000;
            opacity: 0.5;
            filter: alpha(opacity = 50);
        }
        .normal
        {
          opacity: 1;
        }
        .modalBackground 
        {
            height:100%;
            background-color:#EBEBEB;
            filter:alpha(opacity=70);
            opacity:0.7;
        }
        
        /* new 28-02-15*/
        a.smallest
        {
            color: white;  /* #004953 */
            font-weight:normal;
            font-style:normal;
            font-size: 11px !important;
            /*text-decoration: none !important;*/
             
        }
        a:hover.smallest  
        {
            color: #F7A891;  /* #004953 */
            font-weight:normal;
            font-style:normal;
            font-size: 11px !important;
            /*text-decoration: none !important;*/
             
        }
        a.small
        {
            color: white;  
            font-weight:normal;
            font-style:normal;
            font-size: 13px !important;
            /*text-decoration: none !important;*/
             
        }
        a:hover.small 
        {
            color: #F7A891;  /* #004953 */
            font-weight:normal;
            font-style:normal;
            font-size: 13px !important;
            /*text-decoration: none !important;*/
             
        }
        a.medium 
        {
            color: white;  
            font-weight:normal;
            font-style:normal;
            font-size: 15px !important;
            /*text-decoration: none !important;*/
             
        }
        a.large 
        {
            color: white;  
            font-weight:normal;
            font-style:normal;
            font-size: 17px !important;
            /*text-decoration: none !important;*/
             
        }
        a.largest 
        {
            color: white;  
            font-weight:normal;
            font-style:normal;
            font-size: 19px !important;
            /*text-decoration: none !important;*/
             
        }
        
        .tags
        {
            margin-left:15px;
            margin-right:15px;
            margin-top: 5px;
        }
        
        .tags a:link
        {
            color:white !Important;
             
        }
        
        .tags a:hover
        {
            color:Lime !Important;
             
        }
        
        /* new 16-01-15*/
        .menuhor 
{
	list-style-type: none;
	background-color: #94C4F8;
    float:left;
    width: 540px;
}
.menuhor a {
	color: #D0FDBD;
	text-decoration: none;
	font-weight:bold;
	 
}
.menuhor a:hover 
{
    text-decoration: underline;
}
       ul.menuhor2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

ul.menuhor2 li {
    float: left;
}

ul.menuhor2 li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
ul.menuhor2 li a:hover {
    background-color: #111;
}
        

.active {
    font-weight: bold;
}   
ul.menuhor2 li a.active{
 color:#B17A9E; /*17A2CA, #62C4E3,#60354D*/
}


table.table1 td {
   /*width: calc(100%-10px);*/
   width:350px !Important;
}
table.table1 td img {
     margin-top:10px;
 
}

.ul_new
{
 
}

    .showme{ 
    display: none;

   
    }

    .ok
    {
        
        }
        .ok_v2
    {
        
    -webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s;
    transition: width 2s, height 2s, background-color 2s, transform 2s;
    opacity: 0.5;
        }
        .ok:hover
    {
        
    }
    .ok_v2:hover
    {
       
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    }    /* for RelationsControl3*/    .bulletin li
{

Margin-bottom:7px;

}
    /*.mySlides { -webkit-animation: fade 12s;}
.mySlides { -webkit-animation: fade 12s 4s;}
.mySlides { -webkit-animation: fade 12s 8s;}*/
#slide1
{
    -webkit-animation: fade 12s 4s;
}
#slide2
{
    -webkit-animation: fade 12s 4s;
}
        /* new 28-02-15*/
        .header_old
        {
            color:									white !important; /*#9AA5AD; #6c7a86;#595269; #FFFAFA; #595269;#0892d0; #522827;#7E3F3D;#803D8D !;#3F4652;#033156;#1B2B49;#233241;white;#48EA81 !;#88CAB6;#8FDED5 ; best: #AEBEBF #AEBEBF; #A9BA9D; #A9BA9D*/
            background-color:		#A7DCBC !important; /*#82B8D2 #596d8b #284775 #ABA4B7 #CFD2DE #cecde0 #403C86 #374053 #EBFCE9 #A7DCBC #B17DF9 #F0FFF0*/ /* #cc464b #DEDFE7;#E7E8ED; #403C86; #495C65; #537177; #DCDCDC; Oxford blue: #002147; #273D3D; #263E3E; #1A1110;#403C86 !important;#8297BD; #ADB6C2;#8398BA; cool gray:#9090C0*/
            /* background: url('../images/rolka2.gif') repeat;*/
            /*#C1C4D2*/
            font-family: Arial; /*Arial*/
            padding: 5px; 
            font-style:oblique;
            font-size:14px !important;
             font-weight:bold !important;
            /* text-shadow:1px 1px 2px Black;*/ 
            /* text-shadow:1px 1px 2px #F45B53;*/ /*#7C839E*/
            /*text-shadow:1px 1px 2px #497A5C;*/ /*#497A5C*/
			/*  text-shadow:1px 1px 2px #497A5C;*/
                /*  text-shadow: 1px 1px 1px #28343C;*/
                text-shadow: 1px 1px 1px 	#28343C;
                 
        }

.header {
    color: darkslategrey !important; /*#9AA5AD; #6c7a86;#595269; #FFFAFA; #595269;#0892d0; #522827;#7E3F3D;#803D8D !;#3F4652;#033156;#1B2B49;#233241;white;#48EA81 !;#88CAB6;#8FDED5 ; best: #AEBEBF #AEBEBF; #A9BA9D; #A9BA9D*/
    background-color: #f6f6f6 !important; /*#59648E #82B8D2 #596d8b #284775 #ABA4B7 #CFD2DE #cecde0 #403C86 #374053 #EBFCE9 #A7DCBC #B17DF9 #F0FFF0*/ /* #cc464b #DEDFE7;#E7E8ED; #403C86; #495C65; #537177; #DCDCDC; Oxford blue: #002147; #273D3D; #263E3E; #1A1110;#403C86 !important;#8297BD; #ADB6C2;#8398BA; cool gray:#9090C0*/
    /* background: url('../images/rolka2.gif') repeat;*/
    /*#C1C4D2*/
    font-family: Arial; /*Arial*/
    padding: 5px;
    font-style: oblique;
    font-size: 14px !important;
    font-weight: bold !important;
    /* text-shadow:1px 1px 2px Black;*/
    /* text-shadow:1px 1px 2px #F45B53;*/ /*#7C839E*/
    /*text-shadow:1px 1px 2px #497A5C;*/ /*#497A5C*/
    /*  text-shadow:1px 1px 2px #497A5C;*/
    /*  text-shadow: 1px 1px 1px #28343C;*/
    /* text-shadow: 1px 1px 1px #28343C;*/
}

tr.header td {
    border: 1px solid #F5F5F5;
}
        
        .header td
        {
            /*padding-left:2px !Important;*/
           padding:4px;
        }
        
        .FormatRadioButtonList 
{
    /*border: 1px solid black;*/
     
     
}
        .FormatRadioButtonList label
{
  /*margin-right: 10px;*/
   margin-left: 5px;
 
}
.FormatRadioButtonList td {
    
 padding-top:3px;
}

 
a.link_new
{
    color: #F4FF20 !Important;
    text-decoration: none;
   
}
  
a.link_new:active
{
    color: #F4FF20 !Important;
    text-decoration: none;
   
}

a.link_new:visited
{
    color: #F4FF20 !Important; /*#B6B7E9;#F4FF20*/
    text-decoration: none;
   
}

a.link_new:hover
{
    color: #E0C052 !Important;
    text-decoration:underline;
   
}

#slideshow2 { 
    /*margin: 50px auto; 
    position: relative; 
    width: 240px; 
    height: 240px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4);*/
    
    margin: 0px auto; 
    position: relative; 
    height:200px;
    /*width:292px;*/ 
    /*width:270px;*/ 
    padding: 0px;
    background-color:white ; /*#595269*/
    
}

slideshow2 > div {
/*#slideshow2 > div > div { */
    position: absolute; 
    top: 0px; 
    /*left: 10px; 
    right: 10px;*/
    /*left: 0px;
    right: 0px;*/
    bottom: 0px;
    /*box-shadow: 5px 10px 10px 0 rgba(0,0,0,0.4);*/
}

/* unvisited link */
a.HyperLinkHover:link {
    color: Yellow !Important;
}

/* visited link */
a.HyperLinkHover:visited {
    color: Yellow !Important;
}

/* mouse over link */
a.HyperLinkHover:hover {
    text-decoration: underline;
}

/* selected link */
a.HyperLinkHover:active {
    color: yellow !Important;
}


/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    /*top: 50%;*/
    bottom: -6px;
    width: auto;
    margin-top: -22px;
    /*padding: 16px;*/
    padding: 9px;
    /*color: white !Important;*/
    color: silver !Important; /*#47375B*/
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover 
{
    color: white !Important;
    background-color: rgba(0,0,0,0.8);
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.prev
{
    left: 0;
    border-radius: 3px 0 0 3px;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}.breakword {
            -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
        }

ul.vm2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /* background-color: white;*/ /*#EAEBEE*/
    font-size: 14px;
    font-weight: bold;
}

ul.vm2 li  {
  float:left !important;
}

ul.vm2 li a {
  display: block;
  color: lightgoldenrodyellow;
  padding: 8px 16px;
  text-decoration: none;
  margin-left:-6px !important;
}

ul.vm2  li a:active {

  color: lightgoldenrodyellow;
 
}

ul.vm2  li a:visited {

  color: lightgoldenrodyellow;
 
}

ul.vm2  li a:hover {

  text-decoration:underline;
  color: black;
 
}



    ul.vm2 li a.selected {
        color: #8b6bec; /*#6dcccc #831AE1 #8b6bec #1BDEB7 #7277A5 #48D9B8 #65D1AE #8b6bec #9090C0 #9A0DEE #8b6bec #5ff3cb #51CEA9 #B75165 #fffff0 */
        background-color:  black; /*#f6f6f6 #A099BF #C1C4D2 #BABDDA #BEC5E4*/
        /* text-shadow:1px 1px 2px #7C839E;*/
        /* -webkit-border-radius: 5px;border: #CADCE3 1px solid;*/
    }

  /* The sidebar menu */
.sidenav2 {
    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1; /* Stay on top */
    /* top: 0; */ /* Stay at the top */
    /* left: 0;*/
    top: 56px; /*55px 65px 56px*/
    background-color: black; /* #f6f6f6 Black */
    height: auto;
}

.button-link2_ ul  {
    padding: 10px 15px;
}
 .button-link2_ ul li a {
padding: 10px 15px;
    background: white; /*#4479BA*/
    /*color: #FFF;*/
    color:			white ; /*#F8DE7E #1034A6 #148AA3*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #F5F5F5; /*#20538D #F5F5F5*/
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);

    width:auto;
    margin:5px;
}
.button-link2_ ul li a:hover {
    background:			white; /*#356094 #4C516D*/
    border: solid 1px 	#F7E7CE; /*#2A4E77 #F7E7CE*/
    text-decoration: none;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    color: 				white; /*#F8DE7E #1034A6 #D1B7A3 #B9AC9F #ACA59D #928E89 #D9B442 #EBA030*/
}

.button-link2_ ul li a:visited {
    
    color:white ; /*#F8DE7E*/
}

    .button-link3_ {
padding: 10px 15px;
    background: white; /*#4479BA*/
    /*color: #FFF;*/
    color:			white ; /*#F8DE7E #1034A6 #148AA3*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #F5F5F5; /*#20538D #F5F5F5*/
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);

    width:100px;
}
.button-link3_:hover, .button-link:focus {
    background:			white; /*#356094 #4C516D*/
    border: solid 1px 	#F7E7CE; /*#2A4E77 #F7E7CE*/
    text-decoration: none;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    color: 				white; /*#F8DE7E #1034A6 #D1B7A3 #B9AC9F #ACA59D #928E89 #D9B442 #EBA030*/
}

.button-link3_:visited {
    
    color:white ; /*#F8DE7E*/
}



ul.ul_new {
  list-style-type:disc;
  margin-left: 10px;
  padding: 0;
  background-color: white; /*#EAEBEE*/
list-style-position: inside;
}

ul.ul_new li  {

}

ul.ul_new2 {
  list-style-type:disc;
  margin-left: 10px;
  padding: 0;
list-style-position: inside;
}

ul.vm {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 222px; /*192px 187px*/
    background-color: inherit; /*#EAEBEE #E8EBEC #E9EAEF*/
    font-size: 16px; /*16px*/
    font-weight: bold;
    margin-left: -15px;
    /* font-family:Sarabun !important;*/
    /* font-family: PT Sans !important;*/ /*disabled 31-07-2022*/
}


    ul.vm li {
         
    }



        ul.vm li a {
            /* display: block;*/ /*block*/
            color: darkslategrey; /* #D3E2DD #FDFDEC*/ /*#F8F8FF*/ /*#E0E9E9 #F5F5F5*/
            /* padding: 8px 16px;*/
            /* padding: 10px 16px;*/
            /* padding-left: 16px;*/
            padding-left: 16px;
            text-decoration: none;
            /* border-top:1px solid transparent;
  border-bottom:1px solid transparent;*/
            /* border-bottom: 1px solid #DBDBDB;*/ /*#EFEFEF*/
            border-left: 0px solid white;
            background-color: #f3f2ef; /* #f3f2ef #f6f6f6 #F9F9FA*/ /*#F9F9FB #FAFAFC*/ /*#E6E6ED #EEF0F7 #DEE2ED #D5E8EA #D8DCE7*/ /*#D5DEEA #608FAC #7896BE*/ /*#ADB8C9*/ /*#D3EAF1 #484D68 #486882 #7CA6B1 #7896BE #91A3B0*/
            /* height: 24px;*/

            display: inline-block;
            /*border-bottom: 1px solid #DBDBDB !important;*/

            padding-bottom: 2px;
        }



        ul.vm li a:active {
            color: darkslategrey; /*#F5F5F5*/
        }

        ul.vm li a:visited {
            color: darkslategrey; /*#FDFDEC #F5F5F5*/
        }

        ul.vm li a:hover {
            text-decoration: underline;
            /* background-color:lightgoldenrodyellow !important;
    border-top:1px solid silver;
   border-bottom:1px solid silver;*/
            /* background-color: #D3EAF1 !important; */ /*#D3EAF1*/
            color: black; /*yellow #e6e67b*/
        }



    ul.vm li a.selected {
        color: #8b6bec; /* #8b6bec*/ /*#831AE1 #8b6bec #1BDEB7 #7277A5 #48D9B8 #65D1AE #8b6bec #9090C0 #9A0DEE #8b6bec #5ff3cb #51CEA9 #B75165 #fffff0 */
        background-color: black; /* #f6f6f6#A099BF #C1C4D2 #BABDDA #BEC5E4 #E8EBEC #E9EAEF lightgoldenrodyellow*/
        /* text-shadow:1px 1px 2px #7C839E;*/
        /* -webkit-border-radius: 5px;border: #CADCE3 1px solid;*/
        /* border-top:1px solid silver;
   border-bottom:1px solid silver; */
    }
 



/* ul.vm ul li a:hover {

  text-decoration:underline;
  background-color:lightgoldenrodyellow !important;
  border-top:0px solid silver !important;
   border-bottom:0px solid silver !important;
   background-color:red !important;
  
    
}*/




ul.vm_different {
  list-style-type: none;
  margin: 0;
  padding: 0;
  /* width: 192px;*/
  width: 200px;
  background-color:  white; /*#EAEBEE #E8EBEC #E9EAEF*/
  font-size:16px;
  font-weight:bold;
}

    ul.vm_different li a {
        display: block;
        color: darkslategray; /*#F5F5F5 #E0E9E9*/
        /* padding: 8px 16px;*/
        padding: 10px 16px;
        text-decoration: none;
        /* border-top:1px solid transparent;
  border-bottom:1px solid transparent;*/

        border-bottom: 1px solid white;
        border-left: 1px solid white;
        background-color: #f3f2ef; /*#f6f6f6 #E9EAEF #A0B0C2 #96ADCD*/ /*#4D5164 #486882 #608FAC*/
        height: 24px;
    }

ul.vm_different li a:visited {

  color: darkslategray; /*#F5F5F5 #E0E9E9*/
 
}

ul.vm_different li a:hover {

  text-decoration:underline;
  /* background-color:lightgoldenrodyellow !important;*/
  /* background: red !important;*/
  color: black; /*#e6e67b*/
    
}

.twobuttons {
    background-color: black !important; /* #f6f6f6 #F9F9FA*/ /* #F9F9FA #F9F9FB #F5FAFA #FAFAFC */ /* #ECF3F4 #EBF0F5 #5A7DB1*/ /*#E9EAEF #91A3B0*/
    border-top: 0px solid #EFEFEF; /*#5A7DB1*/
    margin-top: 0px !important;
}

ul.vm_different li a.selected
{
    color:												 #8b6bec;  /*#6dcccc #831AE1 #8b6bec #1BDEB7 #7277A5 #48D9B8 #65D1AE #8b6bec #9090C0 #9A0DEE #8b6bec #5ff3cb #51CEA9 #B75165 #fffff0 */
   background-color:white; /*#A099BF #C1C4D2 #BABDDA #BEC5E4*/
   /* text-shadow:1px 1px 2px #7C839E;*/
   /* -webkit-border-radius: 5px;border: #CADCE3 1px solid;*/

}

.sidenav {
    background-color: #f3f2ef !important; /*#f6f6f6 #F9F9FA*/
    /* border-right:0px #F3F3F3 solid !important; */
}

#extraspace {
    border-bottom: 0px #F3F3F3 solid !important;
    /* background-color: white !important;*/ /*#F9F9FA*/
    /* border-right:0px #F3F3F3 solid !important; */
}

#padding_es {
    padding-right:6px !important;
}

#main_x {
    border-left: #D3D3D3 0px solid; 
    border-right:  #D3D3D3  0px solid;
    
   outline: 0px solid rgba(255, 255, 255, 0.2) !important; /* 7px*/
     
}

.VerySpecific {
/* border: 0px solid lightgray !important;*/
}

#myyellow {
    background-color: white; /*#F8F9FA #E9EAEF*/ /*#FCFDEC*/
    /*border:1px solid #ECE9D2;*/
    border: 1px solid #D3D3D3;
    border-radius:5px;
}

.popular_x td,th {
    padding: 10px;

}

.popular_x th {
   /* background-color:#35314D;*/
   /*color:white;*/
   padding: 5px !important;

}


.popular_x th a, .popular_x th a:active, .popular_x th a:visited {
   /* color:lightyellow;*/

}

.stamp {
    width: auto;
    height: 34px;
    display: inline-block;
    padding: 10px;
    background: white;
    position: relative;
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.5));
    /*The stamp cutout will be created using crisp radial gradients*/
    background: radial-gradient(
        transparent 0px, 
        transparent 4px, 
        white 4px,
        white
    );

    /*reducing the gradient size*/
    background-size: 20px 20px;
    /*Offset to move the holes to the edge*/
    background-position: -10px -10px;
}
.stamp:after {
    content: '';
    position: absolute;
    /*We can shrink the pseudo element here to hide the shadow edges*/
    left: 5px; top: 5px; right: 5px; bottom: 5px;
    /*Shadow - doesn't look good because of the stamp cutout. We can still move this into another pseudo element behind the .stamp main element*/

  /*box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5);*/
    /*pushing it back*/
    z-index: -1;
}
/*Some text*/
.stamp:before {
   
}
.stamp2 {
    -webkit-mask-box-image: url(http://www.html5rocks.com/en/tutorials/masking/adobe/stampTiles.svg) 35 repeat;
    mask-box-image: url(http://www.html5rocks.com/en/tutorials/masking/adobe/stampTiles.svg) 35 repeat;
}

.basketmy a {
    display: block;
    text-align: left;
    /* padding: 0px 0px;*/
    /* padding-bottom: 0px !important;*/
    padding: 6px;
    padding-bottom: 2px !important;
    transition: all 0.3s ease;
    color: white; /*#F2F3FF*/
    /* text-shadow: 1px 1px 2px #383A4B;*/
    /* text-shadow:1px 1px 1px #28343C;*/
    text-shadow: 1px 1px 1px #28343C;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    font-size: 20px;
    /* text-shadow:1px 1px 1px #28343C;*/
}

.basketmy a:hover {
    /*color:#57FB9C;*/ /*#57FB9C*/
    /* background-color:#6B8EC2;*/
    /*color: black;*/ /*#e8f2f8*/
    /* background-color: white;*/
    /*text-shadow:1px 1px 1px #28343C;*/
}

.basketmy:active,visited {
    color:darkslategray !important; /*#57FB9C*/
}

.basketmy:visited {
    color:darkslategray !important;/*#57FB9C*/
}

.mycircle {
    float: right;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    /* font-size:13px !important;*/
    font-size: 11px !important;
}

.variableclass:not(:empty) {
    /* Styles */
    border: 0px solid  #7CC5AD; /*4px outset #FAFFF4 #F5F5F5*/
}

.variableclass:empty {
       border: 0px;
      }

.graythisimage{
filter: grayscale(10%);
}

.extrabest {
    background-color: #F3F8FC; /*#536A79 #F3F8FC #f3f2ef #9090C0 #A5A7BC*/
    color: rgb(74, 163, 237); /*rgb(74, 163, 237) rgb(101, 119, 134)*/
    padding: 10px 10px; /* Some padding */
    font-size: 16px !important; /* Set a font size */
    cursor: pointer; /* Mouse pointer on hover */
    display: inline-block;
    border: 1px solid #F5F5F5; /* #5A6D8B #F5F5F5*/
}

.extrabest:hover {
  background-color: #A8DFFD;
  color:white;
}

    .extrabest:visited {
        background-color: #F3F8FC; /* #536A79 #F3F8FC*/
        color: rgb(74, 163, 237); /*rgb(101, 119, 134)*/
    }

.extrabest:hover i{
  background-color: #A8DFFD;
}

.extrabest:hover {
  background-color: #A8DFFD;
}

/* 
select:focus {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
 
}

input:focus,
select:focus,
textarea:focus {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}*/

input:first-line {
}

/* not the targeted area*/
select:focus {
    
}

.ddl1:focus {
    /* box-shadow: 0 0 3pt 2pt #719ECE;    */
}

.ddl1 select:focus {
    /* box-shadow: 0 0 3pt 2pt yellow;    */
}


option{
 



}
option:before{

}
option:hover:before{
  
}


.ddl1 option:first-child{
	

 /*-webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark-color(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    background-color: -internal-light-dark-color(rgb(255, 255, 255), rgb(59, 59, 59));
    cursor: default;
    margin: 0em;
    font: 400 13.3333px Arial;
    border-radius: 0px;
    border-width: 10px !important;
    border-style: solid;
    border-color: -internal-light-dark-color(rgb(118, 118, 118), rgb(195, 195, 195));
    border-image: initial;
    */
    }

.ddl1 select{
  
}

select > option[value=""]{
   
}

select > option{
    ]
}

/*not affecting inside of ddl*/
.clearshadow {
    
}

select {






    /* -webkit-appearance: menulist;*/
   /*  -webkit-appearance:none !important;
    box-sizing:initial !important;*/



}
.clearshadow > select option:focus {

}

/*.link_td_box {
    font-size: 24px;
    border-radius: 0.5em;
}*/

.link_td_box {
    font-size: 18px;
    border-radius: 0.5em;
}

.myth1 {
    background-color: lightblue; /*#D34545;*/
    color: black;
}

.myth2 {
    background-color:lightgoldenrodyellow;
    color: black;
}

.ButtonPadding
{
    padding: 2px 5px 2px 5px;
}

.ButtonPadding2
{
    padding: 2px 5px 2px 5px;
}

ul.ul_spaces li {
    padding-bottom:10px;
}

.button-link2 ul  {
    padding: 10px 15px;
}
 .button-link2 ul li a {
padding: 10px 15px;
    background: white; /*#4479BA*/
    /*color: #FFF;*/
    color:			white ; /*#F8DE7E #1034A6 #148AA3*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #F5F5F5; /*#20538D #F5F5F5*/
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);

    width:auto;
    margin:5px;


}
.button-link2 ul li a:hover {
    background:			white; /*#356094 #4C516D*/
    border: solid 1px 	#F7E7CE; /*#2A4E77 #F7E7CE*/
    text-decoration: none;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    color: 				white; /*#F8DE7E #1034A6 #D1B7A3 #B9AC9F #ACA59D #928E89 #D9B442 #EBA030*/
}

.button-link2 ul li a:visited {
    
    color:white ; /*#F8DE7E*/
}

div.menu-wrapper {

}
 
div.menu-wrapper ul {
    display: inline-block;
    display: table;
    width: 100%;

}

div.menu-wrapper ul li {
  display: table-cell;
}

div.menu-wrapper ul li a {
  display: block;
    text-align: center;
    margin: 0 5px;
}

/* AutoComplete highlighted item */
    .autocomplete_completionListElement
    {
        margin: 0px !important;
        z-index:99999 !important;
        background-color: ivory;
        color: windowtext;
        border: buttonshadow;
        border-width: 1px;
        border-style: solid;
        cursor: 'default';
        overflow: auto;
        height: 200px;
        text-align: left;
        left: 0px;
        list-style-type: none;
    }
    /* AutoComplete highlighted item */
    .autocomplete_highlightedListItem
    {
        z-index:99999 !important;
        background-color: #ffff99;
        color: black;
        padding: 1px;
        cursor:hand;
    }
    /* AutoComplete item */
    .autocomplete_listItem
    {
        z-index:99999 !important;
        background-color: window;
        color: windowtext;
        padding: 1px;
        cursor:hand;
    }

div.premiumcanvas p {
max-width:600px;
}

div.premiumcanvas h1, div.premiumcanvas h2, div.premiumcanvas h3, div.premiumcanvas h4, div.premiumcanvas h5, div.premiumcanvas h6 {
    text-align:left !important;

}

div.premiumcanvas table {
max-width:1200px;
overflow-x:auto;
}

div.premiumcanvas img {
/*max-width:1200px;*/
overflow-x:auto;
}

.customtable2, table.customtable2 td  {
/* border: 1px solid #F5F5F5;*/
  /* padding: 5px;*/
  border-spacing: 15px;
 
}

.customtable2 {
margin-left:0px;
}

.bordercolor th, thead, td, table {
    border-color: #F5F5F5; /*#5A6D8B #F5F5F5*/
}

th, thead, td, table {
    border-color: #F5F5F5; /* #5A6D8B #F5F5F5*/
}

.header tr, .header td
{
border: 1px solid #F5F5F5;
}

.ddl option  {
   
   
}

.ddl  {
   
    width: 100%;
   
}

.standard_side {
    background-color:white;
    border:1px solid #D3D3D3 !important;
    border-radius:5px;
    margin-top:8px;

}

.alt_side {

    background-color:inherit;
}

/* Container holding the image and the text */
/*.container_2 {
    position: relative;
    text-align: center;
    color: white;
}

.centered_ {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/


p.alt
{
    margin: 9px 9px 9px 9px; /*10px auto 10px 5px */ /* 10px 10px 10px 10px*/
    padding:0;
}

.checkbox label {
        border: 2px outset #F5F5F5;
                background-color:white;
                position: relative;
                /*z-index: 3;*/
                padding: 9px;
                font-weight:normal;
                width:150px !important;
                 display: block;
                 text-align:center;
                 cursor:pointer;
    }

    .checkbox label:hover {

                /* opacity: 0.5;*/

                background-color: white;
                text-decoration:underline;
                /* border: 2px outset white !important;*/
              
    }

    .selected_type {
      background-color: lightgreen !important;
      border: 2px outset #FAFFF4 !important;
                position: relative;
                /* z-index: 3;*/
                padding: 9px;
                font-weight:bold;
                width:15px !important; display: block;
                 text-align:center;
     
    }

    .checkbox {
    column-count:3;
    }
    .checkbox li {
    list-style:none;
    padding:12px;
    display: inline-block;
    }

.fa_new{
/* font-size:15px;*/
font-size:13px;
}

.table_fr td, .table_fr th {
border:1px solid #F5F5F5;
padding:4px;
    }


 
td.value2 textarea
{
    padding: 3px;
    height: 100px;
    width: 85%; /*85% */
}
td.value2 textarea:focus
{
    background: white;
    color: black;
}

td.value2 input[type='text']
{
    padding: 3px;
    width: 85%; /*85% */
}

td.value2 input[type='text']:focus
{
   background: white;
    color: black;
}

/*.table_fr_ td, .table_fr_ th {
border:1px solid black;
padding:4px;
    }*/

.table_fr_ td, .table_fr_ th {
    border: 1px solid white;
    padding: 4px;
}

/* 
 .pagination td {
         border: 1px solid transparent !important;
     }

     .pagination span, .pagination a {
         display: flex !important;
         justify-content: center;
         align-items: center;
         height: 30px; 
         width: 30px; 
         padding: 10px;
         font-size: 12px;
         border-radius: 50px;
         text-decoration: none !important;
     }

     .pagination span {
         background: #C44569;
         color: white;
     }

     .pagination a,
     .pagination a:visited {
         color: black;
     }

     .pagination a:hover,
     .pagination a:active {
         background-color: #C44569;
         color: white;
     }
    */

.pagination td {
         border: 1px solid transparent !important;
     }

     .pagination span, .pagination a {
         display: flex !important;
         justify-content: center;
         align-items: center;
         height:30px;width:30px;background:lightyellow;border:solid 1px #666;
         text-decoration: none !important;
         margin-right:10px;
     }

     .pagination span {
         background: 	#659cde; /*#C44569 #52E285 #93BDA2 #91cfe6*/
         color: white;
     }

     .pagination a,
     .pagination a:visited {
         color: black;
     }

     .pagination a:hover,
     .pagination a:active {
         background-color: 	#659cde; /*#C44569 #52E285 #93BDA2 #A7DAA8 #91cfe6*/
         color: white;
     }

     /*new 17-01-2021*/

     .pagination2 td {
         border: 1px solid transparent !important;
     }

     .pagination2 span, .pagination2 a {
         display: flex !important;
         justify-content: center;
         align-items: center;
         height:30px;width:30px;/* background:lightyellow;border:solid 1px #666;*/
         border-radius: 50px;
         text-decoration: none !important;
         margin-right:10px;
     }

     .pagination2 span {
         background: 	#29273D; /*#C44569 #52E285 #93BDA2 #91cfe6*/
         color: white;
 
     }

.pagination2 a,
.pagination2 a:visited {
    color: #1034A6; /*#1034A6*/
}

     .pagination2 a:hover,
     .pagination2 a:active {
         /*background-color: 	#C44569;*/ /*#C44569 #52E285 #93BDA2 #A7DAA8 #91cfe6*/
         /*color: white; */

     }

input[type="radio"] + label {
    margin: 14px 12px;
    font-size:large;
}

/*input[type="radio"] {
    margin: 10px 10px;
}*/

a.hublink
{
    color:white !important;
    text-shadow:1px 1px 1px #28343C;
}

a.hublink:active
{
 color:white !important;
}

a.hublink:visited
{
 color:white !important;
 
}

a.hublink:hover i {
    /* text-decoration:underline !important;*/
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted white;*/ /* If you want dots under the hoverable text */
  border-bottom: 1px dotted #555;
}

/* Tooltip text */
.tooltip .tooltiptext {
  width: 170px;
  top: 100%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 170px !important;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;

  margin-top:7px;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 45%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #555 transparent;
}





/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.btn-input {
   display: block;
}

.btn-input .btn.form-control {
    text-align: left;
}

.btn-input .btn.form-control span:first-child {
   left: 10px;
   overflow: hidden;
   position: absolute;
   right: 25px;
}

.btn-input .btn.form-control .caret {
   margin-top: -1px;
   position: absolute;
   right: 10px;
   top: 50%;
}

ol.ul_spaces li {
    padding-bottom:10px;
}

.chkChoice label{
    margin: 0px 20px 0px 7px;
}

.dataNumber {

    font-family:Staatliches;
    
}

/*gridview7*/
#div1_grid7 {
    padding-right:5px !Important;margin-left:0px;background-color:inherit;border-spacing: 0px;border-collapse: separate;padding:0px;padding-left:0px;display:inline-block;height:auto;border-left:0px solid LightGray;margin-top:3px;
}

#div2_grid7 {
    /*width:65px;*/
}

#span1_grid7 {
    height:54px !Important;color:#9090C0;margin-right:30px;font-size:11px;vertical-align:middle;display:table-cell;
    padding-left:2px;
}

#div3_grid7{
    width:50px;height:50px;background-color:inherit;margin:auto;vertical-align:middle;border-bottom:0px solid Gray;margin-top:0px;padding:1px;
}

#span2_grid7{
    height:22px !Important;font-size:11px;font-weight:normal;color:#9090C0;
}

.triggerclass {
    height: auto;
    padding-top: 7px;
    margin-right: 2px;
    display: block;
    vertical-align: top;
    background-color: inherit;
    padding-right: 2px !Important;
    padding-left: 0px !Important;
    width: auto !Important;
    word-wrap: break-word;
    margin-right: 5px; /*25px*/
}

#div4_grid7{
    height:auto;overflow-y:hidden;background-color:inherit;font-size:17px !important;width:100% !important;padding-right:4px;padding-bottom:14px;
    padding-left:2px;
}

#span3_grid7 {
    /*color:lightgoldenrodyellow !important;width:100%;font-variant:small-caps;*/
    color: darkslategray;
    width: 100%;
    font-variant: small-caps;
}

#attentionhere{
    float:left;padding-bottom:5px;padding-right:7px;padding-top:10px;
}

#bsln{
    font-size:10px;color:#A8A8CE;margin-bottom:0px;float:right;margin-right:-7px;margin-top:-10px;
}

#div5_grid7
{
    margin-left:-3px !important;margin-top:-1px !important;height: 1.2em; line-height: 1em;padding:0px 0px 0px 0px !Important;width:90%;float:left;margin-bottom:4px;
}

.div_quote1 {
    text-align:left;padding:3px;;
}

#table1_grid7{
    width:400px;padding:10px 10px 10px 10px;
}

#div6_grid7 {
    height:180px;Background-color:white;border:0px;width:inherit;padding:3px;
}

#div7_grid7 {
    width:100%;Background-color:White;
}

#div1 ul {
  list-style-type:disc;
  margin-left: 10px;
  padding: 0;
  background-color: white; /*#EAEBEE*/
list-style-position: inside;
}

.newtable table tr td {
    padding: 4px !important;
}

/* The sidebar menu */
.sidenav {
    height: 100%; /* Full-height: remove this if you want "auto" height */
    width: 192px; /* Set the width of the sidebar */
    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1; /* Stay on top */
    /* top: 0; */ /* Stay at the top */
    /* left: 0;*/
    /* top: 0;*/
    background-color: inherit; /* Black */
    /* overflow-x: hidden;*/ /* Disable horizontal scroll */ /*was causing issue*/
    padding-top: 0px;
}

.fixed {
    /* height: 100%;*/ /* Full-height: remove this if you want "auto" height */
    /* width: 192px;*/ /* Set the width of the sidebar */
    width: inherit;
    max-width: 258px;
    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1; /* Stay on top */
    /* top: 0; */ /* Stay at the top */
    /* left: 0;*/
    background-color: inherit; /* Black */
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 0px;
    margin: -270px 0px 0px 0px;
}

.sticky {
    position: sticky;
    right: 0;
    top: 0px;
}

.button-link2 {
    /* padding: 5px 6px;*/ /*10px 15px*/
    padding: 10px 15px !important;
    background: white; /*#4479BA*/
    /*color: #FFF;*/
    color: #4479BA; /*#F8DE7E #1034A6 #148AA3*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #F5F5F5; /*#20538D #F5F5F5*/
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    min-width: 100px;

    font-size:13px;
}

    .button-link2:hover, .button-link:focus {
        background: white; /*#356094 #4C516D*/
        border: solid 1px #F7E7CE; /*#2A4E77 #F7E7CE*/
        text-decoration: none;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        transition-duration: 0.2s;
        color: #4479BA; /*#F8DE7E #1034A6 #D1B7A3 #B9AC9F #ACA59D #928E89 #D9B442 #EBA030*/
    }

    .button-link2:visited {
        color: white; /*#F8DE7E*/
    }

.button-link3 {
    padding: 7px 12px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}

    .button-link3:hover, .button-link:focus {
        background: #356094;
        border: solid 1px #2A4E77;
        text-decoration: none;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        transition-duration: 0.2s;
        color: #F8DE7E;
    }

.material-icons {
    display: inline-flex;
    vertical-align: top;
}

.vertical-menu {
    width: 192px; /* Set a width if you like */
}

    .vertical-menu a {
        background-color: #EAEBEE; /* Grey background color */
        color: black; /* Black text color */
        display: block; /* Make the links appear below each other */
        padding: 12px; /* Add some padding */
        text-decoration: none; /* Remove underline from links */
    }

        .vertical-menu a:hover {
            background-color: #EAEBEE; /* Dark grey background on mouse-over */
        }

        .vertical-menu a.active {
            background-color: #4CAF50; /* Add a green color to the "active/current" link */
            color: white;
        }



/* li a {
  display: block;
}*/


/* ul.vm li a > ul.vm_different li:hover { background: #eee !important; }*/
/* ul.vm > li:hover > a.selected { background: yellow !important; }*/
/* ul.vm > li:hover { background: #eee; }*/
ul.vm_different li a:hover ~ ul.vm li {
    background: #ccc;
}


/* no effect because using ajax instead*/
ul.vm li ul {
    display: none;
    position: absolute;
    left: 0%;
    width: 100%;
    /* top:0;*/
    list-style: none;
    z-index: 10;
}

ul.vm li:hover ul {
    display: block;
    background-color: #F9F2FF;
    height: auto;
    width: 14em;
    left: 100%;
}

ul.vm li ul li {
    /* clear:both;*/
    border-style: none;
    background-color: #F9F2FF;
    /* display:block;*/
}

ul.vm ul > li {
    /*  position: relative;*/
}



.arrow:after {
    /* float:right;
content: '▶';*/
}


ul.submenu li {
    /* clear:both;*/
    border-style: none;
    background-color: white !important;
    /* display:block;*/
}


    ul.submenu li ul li {
        /* clear:both;*/
        border-style: none;
        background-color: red;
        /* display:block;*/
    }




/* INNER UL HIDE */
/* ul.vm ul{
  position:absolute;
  left:0%;
  top:0;
  width:100%;
  visibility:hidden;
  opacity:0;
  transition: transform 0.2s;
  transform: translateX(50px);
}*/
/* INNER UL SHOW */
/*ul.vm li:hover > ul{
  left:100%;
  visibility:visible;
  opacity:1;
  transform: translateX(0px);
}*/

/* Change the link color on hover */
li a:hover {
    /* background-color: #555;
  color: white;*/
}

@media screen and (max-width: 1128px) {
    #right_side {
        display: none;
    }
}

span.slogan {
    width: inherit;
    background-color: inherit;
    display: block;
    /*margin-left: 19px;
        margin-right: 19px;*/
    font-size: 13px !Important;
    font-weight: normal;
    color: darkslategray; /*#F2F3FF*/
    /* text-shadow:1px 1px 2px black;*/
    /*font-style:italic; */
    /* font-variant:small-caps;*/
    /* font-family:'Doppio One' !important;*/
    font-family: inherit;
    /* font-family:'Arial Nova' !important;*/ /*Revalia*/
    font-family: 'Staatliches';
    text-decoration: overline;
    font-style: normal;
    /*text-shadow:1px 1px 1px #28343C;*/
    padding-top: 2px;
}

.contentx {
    width: 120px
}

.silverwatermark {
    color: silver;
    padding: 6px;
    font-size: 15px;
    border: none;
    width: 250px;
}

/* Style the search field */
.examplesf {
    padding: 6px;
    font-size: 15px;
    border: none;
    width: 250px; /*105px*/ /*115px 170px*/
}

/* Style the submit button */
.examplebtn {
    float: right;
    padding: 6px;
    margin-right: 0px; /*9px*/
    background: #cc464b; /*#ddd #9CB0E4*/
    font-size: 15px;
    border: none;
    cursor: pointer;
    height: 29px;
}



.bottomborder {
    border-bottom: 3px solid white !important; /*white disabled 081120*/
    /* color:#57FB9C !important;*/ /*#cc464b*/
}

.point-btn {
    width: 136px; /*148px*/
    height: 34px;
    background: #A7CDF8;
    position: relative;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    /* margin-left:50px;*/
}

    .point-btn:before {
        content: "";
        position: absolute;
        left: 100%;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-left: 14px solid #A7CDF8; /*#7e0a3f #ea0319 #1c175c #9089f2 #32cf95*/
        border-bottom: 17px solid transparent;
    }

    .point-btn .btn {
        display: inline-block;
        /* Padding por defecto */
        font-size: 12px; /* Tamaño fuente por defecto */
        line-height: 34px !important; /* Tamaño de linea */
        text-align: center;
        vertical-align: middle;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        /* cursor: pointer;*/
        height: 34px !important;
        border: 0px solid #cccccc;
        -webkit-border-radius: 4px;
        width: inherit;
        text-shadow: 1px 1px 1px #28343C;
    }
.latest-performance {
    display: block;
    padding-left: 20px;
    background: url('../Styles/Images/Icons/knotes4.png') no-repeat left center;
}


/* Centered text */
.centered_ {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* Container holding the image and the text */
.container_2 {
    position: relative;
    text-align: center;
    color: white;
}

ul.menubar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
}

    ul.menubar li {
        float: left;
    }

        ul.menubar li a {
            display: block; /* block*/
            color: white;
            text-align: center;
            padding: 16px 19px; /* 14px 16px; */
            padding-bottom: 18px;
            text-decoration: none;
            border-bottom: 0px solid lightyellow;
        }

ul.menubar_new {
    /*list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333333;*/
    width: 100%;
    display: flex;
    /*justify-content: space-evenly;*/
    align-items: center;
    list-style-type: none;
    /* background-color: #333333;*/
    /*background-color:#5F71B8;*/ /*white*/ /*#1A1110 #5266b5 #F2F3FF #60546D #93738E #957181 #A46273*/ /*#CE3761 #5781BF #6F708A #797A93 #5F6076 #5A5B7A #7C96C5 #7092D1 #8AABD0 #DCEFF5 #637A9B*/ /*#315264 #213743 #5A7DB1 #555F77 #637A96*/ /*#354860 #4F3A69 #242124 #353742 #2D2F37 #5A7DB1 #F1F2F3 #B1B6E4 #6D77CD #8189D3*/ /*#545770*/
    /* background-image: linear-gradient(to top,#312d2d 1px,#312d2d 100%);*/ /*#ffffff*/
    /* background-image: linear-gradient(to top,#77c1f6 0,#bcd8e6 1px,#8CBDD5  100%);*/
}

    ul.menubar_new li {
        float: left;
        height: 56px;
        box-sizing: content-box;
    }

        ul.menubar_new_old li a {
            /* display: block;*/ /* block*/
            display: inline-block;
            text-align: center;
            /* 14px 16px; */
            /* padding: 16px 19px; 
   padding-bottom:18px;*/
            padding: 4.5px 10px; /* 8px 10px;*/ /*6.5px 10px 4.5px */
            padding-bottom: 0px;
            transition: all 0.3s ease;
            color: white; /* darkslategray #F2F3FF white*/ /*#F2F3FF*/ /*#AA9CCF #C9C1E1 #D9D3ED #4F6577 #9B425C #CBCFE4 #BA2351*/ /*#F2F3FF*/ /*#5ff3cb #A69EC5*/ /* #8E85B6 #47435C #684E98 #FAF2DA #F2F3FF*/
            /* text-shadow:1px 1px 1px dimgray; */ /*#28343C*/ /*#383A4B*/ /*#2C347E*/
            text-shadow:1px 1px 1px #28343C;
            text-decoration: none;
            /* text-shadow: 1px 1px 1px #28343C;*/
            border-bottom: 3px solid transparent; /*3px*/
            /* overflow:hidden;*/
            /* overflow: hidden;*/
            max-height: 100%; /*44px*/
            /* margin-top: 3px;*/
            padding-top: 7px !important; /*new 23-12-2020*/
        }

            ul.menubar_new li a:hover {
                text-shadow: none;
            }

ul.accountlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

    ul.accountlist li {
        float: left;
    }

        ul.accountlist li a {
            display: block;
            color: white;
            text-align: center;
            padding: 16px 19px; /* 14px 16px; */
            padding-bottom: 18px;
            text-decoration: none;
            border-bottom: 1px solid lightyellow;
        }

/* Change the link color to #111 (black) on hover */
ul.menubar li a:hover {
    background-color: #111;
}

ul.menubar_new_old li a:hover {
    /* background-color: #111;*/
    /* background-color: white;*/ /*#6B8EC2 white #495183*/ /*#495183*/ /*#5162A8 #1A1110 #2C373F #554A60 #896985 #935565 #7098C5 #8DBDCF*/ /*#566987*/ /*#253445*/ /*#1B1B1B #433159 #242124 #A9A0A9*/ /*#363847 #344656*/
    /* color:lightgreen;*/ /*#e8f2f8 #FFFAFA #EFEFEF #D0F0C0 #F2F3FF #57FB9C #cc464b #57FB9C*/ /*#C5D9DE*/
    /* text-shadow:1px 1px 1px dimgray;*/ /*#28343C*/
    /* text-shadow:1px 1px 1px #28343C;*/
    /* border-bottom: 3px solid #6dcccc;*/
    /* background-color: #8CBDD5;*/ /*#98b2ef*/
    /* color:black;*/
    text-shadow: 1px 1px 1px #28343C;
    /* text-shadow:1px 1px 1px #28343C;*/
    /* text-shadow: 1px 0px 20px #fff;*/
    /* text-shadow:1px 1px 1px #28343C;*/
    /* border-bottom: 3px solid white;*/
    background-color: black; /*#3b5c7c*/
    color: #57FB9C;
}

ul.menubar_new li a:visited {
}

div.white a:link {
    color: white !Important;
}

div.white a:visited {
    color: white !Important;
}

/*ul.nav { float:left;}
    ul.nav {border-bottom: 1px solid #999;}
    ul.nav li a {display: block; text-decoration: none; color: #333; padding: 0px; border: 1px solid #fff;}
    ul.nav > li:hover {border: 1px solid #666; border-bottom: 1px solid #fff;}
    ul.nav li a:hover {background: #ccc; border: 1px solid #999;}
    ul.nav > li {display: inline-block; position: relative; border: 1px solid #fff;}
    ul.nav > li {display: inline-block; position: relative;}
    ul.nav > li ul {display: none; position: absolute; left: -1px; width: 220px; border: 1px solid #666; border-top-color: #fff; margin-top: 1px;}
    ul.nav > li:hover ul {display: block;}*/
/*ul.nav > li ul li {display: block;}*/ /* Vertical Menu */
/*ul.nav > li ul li {display: inline-block;}*/ /* Horizontal Menu */

/*.menu {
    border: solid 1px red;
    font-size: 5em;
    font-family: 'Raleway', arial, serif;
}

.menu ul {
}

.menu ul.children {
    display: none;
}

.menu ul li {
    margin: 20px 0 10px 0;
}

.menu ul li:hover ul.children {
    display: block;
    position: absolute;
}

.menu ul li a {
    padding: 10px 10px 0 40px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    text-decoration: none;
}*/

/** MENU */

/*#menu {
float: right;
height: 110px;
}

#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
line-height: normal;
}

#menu li {
float: left;
margin-right: 1px;
}

#menu a {
display: block;
height: 100px;
padding: 0px 30px;
line-height: 100px;
text-decoration: none;
text-transform: uppercase;
color: #FFFFFF;
}

#menu a:hover {
text-decoration: none;
background: rgba(0,0,0,0.70);
}

#menu .active
{
background: rgba(0,0,0,0.70);
}*/

.new_bar {
    border: 0px solid blue;
    margin-top: 0px;
    list-style-type: none;
    background: url('Images/menubar3.png' ); /*menubar.png*/
    background-repeat: repeat-x;
    height: 22px;
}

    /*.new_bar ul
{
    margin-top: 0px;
    list-style-type: none;
    background: url('Images/menubar.png' );  
    background-repeat: repeat-x;
    height: 42px;
}*/

    .new_bar ul {
        margin-top: 0px;
        list-style-type: none;
        /*background: url('Images/menubar2.png' );  
    background-repeat: repeat-x;*/
        height: 42px;
    }

.new_bar2 ul {
    margin-top: 0px;
    list-style-type: none;
    /*background: url('Images/menubar2.png' );  
    background-repeat: repeat-x;*/
    height: 42px;
}

.new_bar3 {
    margin-top: 0px;
    list-style-type: none;
    /*background: url('Images/menubar2.png' );  
    background-repeat: repeat-x;*/
    height: 42px;
    background-color: Black;
}

/* div.testing1 ul*/
div.testing1 {
    margin-top: 0px;
    list-style-type: none;
    background: url('Images/menubar2.png' ); /*menubar.png*/
    background-repeat: repeat-x;
    height: 42px;
}

.tab-left {
    /*background-image: url("Images/menubar.png");*/
    margin-top: 0px;
    list-style-type: none;
    /*background-image: url('Styles/Images/menubar2.png');*/ /*Solution was to add Styles */
    background-image: url('Styles/Images/menubar2.png');
    /*background-color:Fuchsia;*/
    background-repeat: repeat-x;
    height: 42px;
}

.testing2 ul {
    list-style-type: none;
}

#global-nav {
    /*background-color: Green;*/
    width: 110px !Important;
}

    #global-nav ul ul {
        display: none;
        background-color: Silver; /* Silver */
        /*width:210px;*/
        z-index: 999 !Important;
        position: relative;
    }

    #global-nav ul:hover ul {
        /*display:block;*/
        /*display:block;*/ /* good */
        /*display:inline;*/
        display: table-cell; /* better */
    }

    #global-nav ul.sub-menu li a {
        /*width: 140px;*/
        /*background-color:Fuchsia;*/
        background-color: #AB4BFA; /* 311215 Magenta*/
    }

    #global-nav ul.menu li ul.sub-menu {
        min-width: 100%;
        white-space: nowrap; /* good */
        /*background-color: red;*/
        background-color: #FF99FF;
    }

    #global-nav ul li {
        float: left;
        /* position: relative; */ /*disabled 08-01-15*/
        position: relative;
        background-color: silver;
        /*width:100%;*/
        width: auto;
        /*new*/
        z-index: 2;
    }

    #global-nav ul {
        width: inherit; /* was: auto*/
        margin: 0 auto;
    }

        #global-nav ul.menu li {
            /*background-color:transparent;*/ /* */
            background-color: transparent;
        }

        #global-nav ul.sub-menu li {
            background-color: DarkGray;
            width: 230px; /* 200px */
        }

        #global-nav ul.sub-menu {
            background-color: DarkGray;
        }

        #global-nav ul.menu {
            /*background-color:Purple;*/
        }

        #global-nav ul.sub-menu li a:hover {
            text-decoration: underline;
            color: #FEF923 !Important; /* */
        }

.tab-left2_old {
    /*background-image: url("Images/menubar.png");*/
    margin-top: 0px;
    list-style-type: none;
    /*background-image: url('Styles/Images/menubar2.png');*/ /*Solution was to add Styles */
    /*background-image: url('Styles/Images/menubar3.png');*/ /* new 09-01-15 */
    background-image: url(~/Styles/Images/menubar3.png);
    /*background-color:Fuchsia;*/
    /*background-repeat: repeat-x;*/
    /*height: 42px;*/
    background-size: 100%;
    height: 8px;
}

div.head li.selected a {
    text-decoration: none;
    /*font-weight: bold;*/
    font-style: italic;
    font-weight: bold !Important;
}

#parent #popup {
    display: none;
}

#parent:hover #popup {
    display: block;
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
    position: relative;
}

img.avatar {
    /* width: 10%;*/
    border-radius: 50%;
    background-color: #36454f; /*#36454f*/
    object-fit: cover !important;
}

img.avatar_alternative {
    background-color: #A7DCBC;
    width: 10%;
    border-radius: 50%;
}

.container_ {
    /*padding: 16px;*/ /*causes issue*/
    padding: 16px;
}

/* Extra styles for the cancel button */
.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

/* The Modal (background) */
.modal_ {
    /*display: none;*. /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;
}

.modal__ {
    position: absolute;
    left: 50%;
    /* now you must set a margin left under zero - value is a half width your window */
    margin-left: -312px;
    /* this same situation is with height - example */
    height: 500px;
    top: 50%;
    margin-top: -250px;
}

.modal {
    /*display: none;*. /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;
}
/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
.close {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

    .close:hover {
        color: red;
        cursor: pointer;
        text-decoration: none !Important;
    }
    /*.close:hover,
.close:focus {*/
    .close:focus {
        color: red;
        cursor: pointer;
        text-decoration: none !Important;
    }

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

/*@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}*/

/* Full-width input fields */
/*input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}*/

.txtlogin {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.txtpsw {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.btnlogin {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100% !Important;
}

.btnLogout {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100% !Important;
}

.btnRegister {
    background-color: #704FB5;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100% !Important;
}

.btnRegister2 {
    background-color:forestgreen;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;

}

.btnRegister3 {
    background-color: #a67fb0;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    border-radius:5px;
}

.btnRegister4 {
    background-color:lightgreen;
    color: darkgreen;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
}

.btnRegister5 {
    background-color: lightblue;
    color: purple;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
}

.elementToFadeInAndOut {
    opacity: 1;
    /*-webkit-animation: fadeinout 4s linear forwards;
    animation: fadeinout 4s linear forwards;*/
    /*disabled 28-09-20*/
    /*-webkit-animation: fadein 3s linear forwards;
    animation: fadein 3s linear forwards;*/
}

/*@-webkit-keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}

@keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}*/


@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#div_hide {
    display: none;
}

/*div.elementToFadeInAndOut:hover + #div_hide {
    display: block;
    background-color: yellow;
}*/

/*works:*/
/*#span_test:hover + #div_hide {
    display: block !Important;
}*/

/*.elementToFadeInAndOut:hover + #div_hide {
    display: block !Important;
}*/

/* the issue was the plus sign before div_hide */
.elementToFadeInAndOut:hover #div_hide {
    z-index: 13;
    display: block !Important;
    opacity: 0.7;
}

/*div.elementToFadeInAndOut:hover .overlay {display:block;}*/

/* when 0, 50 and 100 percent animation compelete*/
/*@keyframes fadein {
  0% { opacity: 0 }
  50% { opacity: 1 }
  100% { opacity: 0.7 }
}*/

/* Centered text */
.centered_ {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* Container holding the image and the text */
.container_2 {
    position: relative;
    text-align: center;
    color: white;
}

.test_x a {
    color: lightyellow;
}

    .test_x a:hover {
        color: lightyellow;
    }



li.dropdown {
    display: inline-block; /*inline-block*/
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

ul.ul_test {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    ul.ul_test li {
    }

        ul.ul_test li a {
            /* display: block;
  color: purple;
  text-align: left;
  padding: 16px 19px; /* 14px 16px; */
            /* padding-bottom:18px;
  text-decoration: none;
  border-bottom: 0px solid lightyellow;*/
        }

.dropdown-content a {
    /* color: black !important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left !important;*/
    /* display: block;
  color: purple;
  text-align: left;
  padding: 16px 19px;*/ /* 14px 16px; */
    display: block !important;
    text-decoration: none !important;
    padding: 14px !important;
    color: black !important;
    text-align: left !important;
}

    .dropdown-content a:hover {
        background-color: Silver !important;
        /*#f1f1f1*/
    }

.dropdown:hover .dropdown-content {
    display: block;
}


.dropdown-content2 {
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropdown-content2 a {
        color: black !important;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left !important;
    }

        .dropdown-content2 a:hover {
            background-color: Silver !important;
            /*#f1f1f1*/
        }



.bar {
   
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #555; /* If you want dots under the hoverable text */
}

    /* Tooltip text */
    .tooltip .tooltiptext {
        width: 170px;
        top: 100%;
        left: 50%;
        margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
    }

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 170px !important;
        background-color: #555;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
        margin-top: 7px;
    }

        .tooltip .tooltiptext::after {
            content: " ";
            position: absolute;
            bottom: 100%; /* At the top of the tooltip */
            left: 45%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent #555 transparent;
        }

    .tooltip .tooltiptext_::after {
        content: " ";
        position: absolute;
        bottom: 100%; /* At the top of the tooltip */
        left: 30% !important;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #555 transparent;
    }



    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

.checkbox label {
    border: 2px outset #F5F5F5;
    background-color: white;
    position: relative;
    /*z-index: 3;*/
    padding: 9px;
    font-weight: normal;
    width: 150px !important;
    display: block;
    text-align: center;
    cursor: pointer;
}

    .checkbox label:hover {
        /* opacity: 0.5;*/
        background-color: white;
        text-decoration: underline;
        /* border: 2px outset white !important;*/
    }

.selected_type {
    background-color: lightgreen !important;
    border: 2px outset #FAFFF4 !important;
    position: relative;
    /* z-index: 3;*/
    padding: 9px;
    font-weight: bold;
    width: 15px !important;
    display: block;
    text-align: center;
}

.checkbox {
    column-count: 3;
}

    .checkbox li {
        list-style: none;
        padding: 12px;
        display: inline-block;
    }

.mySlides {
    position: absolute;
    top: 0px;
    left: 0px;
    /* display:inline-block;*/
    right: 10px;
    /* right: 10px;*/
}

    /* mySlidesSub
    {
         
        float:left;
        width:30%;
        
    }*/

    .mySlides img {
        height: 190px;
        /* max-width:100%;*/
    }

#slideshow2 span {
    width: 100%;
}

.table_fr td, .table_fr th {
    border: 1px solid #F5F5F5;
    padding: 4px;
}


ul.vm2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: white; /*#EAEBEE*/
    font-size: 12px;
    font-weight: bold;
}

    ul.vm2 li {
        float: left !important;
    }

        ul.vm2 li a {
            display: block;
            color: black;
            padding: 8px 16px;
            text-decoration: none;
            margin-left: -6px !important;
        }

            ul.vm2 li a:active {
                color: blue;
            }

            ul.vm2 li a:visited {
                color: black;
            }

            ul.vm2 li a:hover {
                text-decoration: underline;
            }



            ul.vm2 li a.selected {
                color: #8b6bec; /*#6dcccc #831AE1 #8b6bec #1BDEB7 #7277A5 #48D9B8 #65D1AE #8b6bec #9090C0 #9A0DEE #8b6bec #5ff3cb #51CEA9 #B75165 #fffff0 */
                background-color: white; /*#A099BF #C1C4D2 #BABDDA #BEC5E4*/
                /* text-shadow:1px 1px 2px #7C839E;*/
                /* -webkit-border-radius: 5px;border: #CADCE3 1px solid;*/
            }

/* The sidebar menu */
.sidenav2 {
    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1; /* Stay on top */
    /* top: 0; */ /* Stay at the top */
    /* left: 0;*/
    top: 56px; /*55px 65px*/
    /* background-color: white;*/ /* Black */
    background-color: #f3f2ef;
    height: auto;
}

.extra-style {
    /*-moz-box-shadow: 3px 3px 2px #333;
                -webkit-box-shadow: 3px 3px 2px #333;
                box-shadow: 3px 3px 2px #333;*/
    -moz-box-shadow: 2px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 2px rgba(0,0,0,0.5);
    box-shadow: 2px 2px rgba(0,0,0,0.5);
    border: 1px solid silver;
    border-radius: 3px;
    width: 260px;
}

.SliderHandle {
    position: absolute;
    height: 22px;
    width: 10px;
}

.SliderRail {
    position: relative;
    height: 22px;
    width: 125px;
    border: 1px solid silver;
}

a.HyperLinkHover {
    color: blue;
}

    a.HyperLinkHover:visited {
        color: Purple;
    }
/* hover style would come after visited */

.clear {
    clear: both;
}

.wrap {
    display: inline-block;
    margin: auto;
}

.gv tr th {
    padding: 10px;
}

.gv tr td {
    padding: 10px;
}


table.customtable {
    /*border: 0px outset grey;*/
    padding: 1px;
    background-color: #495C65;
}

    table.customtable td {
        /*border: thin inset grey;*/
        margin: 1px;
        padding: 8px;
    }

#inner {
    border: 0px solid Yellow;
}

    #inner td {
        border: 0px solid Red;
        /*margin: 1;*/
        padding: 0px;
    }

.button-link {
    padding: 10px 15px;
    background: #4479BA;
    color: #FFF;
}

.button-link2_ {
    padding: 10px 15px;
    background: white; /*#4479BA*/
    /*color: #FFF;*/
    color: gray; /*#F8DE7E #1034A6 #148AA3*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #F5F5F5; /*#20538D*/
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    /* width:auto !important;*/
}

    .button-link2_:hover, .button-link:focus {
        background: white; /*#356094 #4C516D*/
        border: solid 1px #F7E7CE; /*#2A4E77*/
        text-decoration: none;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        transition-duration: 0.2s;
        color: black; /*#F8DE7E #1034A6 #D1B7A3 #B9AC9F #ACA59D #928E89*/
    }

    .button-link2_:visited {
        color: black; /*#F8DE7E*/
    }

.button-link3 {
    padding: 7px 12px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}

    .button-link3:hover, .button-link:focus {
        background: #356094;
        border: solid 1px #2A4E77;
        text-decoration: none;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        transition-duration: 0.2s;
        color: #F8DE7E;
    }

/*table.different
    {
        border: none;
            margin: 0;
            padding:0px;
        }*/
.extra-style {
    /*-moz-box-shadow: 3px 3px 2px #333;
                -webkit-box-shadow: 3px 3px 2px #333;
                box-shadow: 3px 3px 2px #333;*/
    /* -moz-box-shadow: 7px 7px rgba(0,0,0,0.5);
                -webkit-box-shadow: 7px 7px rgba(0,0,0,0.5);
                box-shadow: 7px 7px rgba(0,0,0,0.5);
                border: 1px solid #D8BFD8;
                border-radius:5px;*/
    border: 1px solid #D8BFD8;
}
.modalBackground {
    height: 100%;
    background-color: #EBEBEB;
    filter: alpha(opacity=70);
    opacity: 0.7;
}




.mid {
    border: none;
    padding: 0px;
    margin: 0px;
}

table.myGridView {
}

    table.myGridView th {
    }

    table.myGridView td {
        padding-left: 5px;
    }

    table.myGridView tr td:first-child {
        /*padding-left: 10px;*/ /* this was the issue*/
        /*padding-left: 5px;*/ /*again the issue */
    }

.button3 {
    background-color: #EEDC82; /* #f44336*/
    border: 0px solid LightGray;
    color: Blue !Important;
    /*padding: 15px 32px;*/
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    text-shadow: none !Important;
    /*width:97px !Important;*/
    width: 120px !Important;
    height: 28px; /* 30 54 62px*/
    display: table-cell;
    vertical-align: middle;
}

.button4 {
    background-color: #F5F5DC; /* #f44336 #7D4DB3*/
    border: 0px solid LightGray;
    color: Blue !Important;
    /*padding: 15px 32px;*/
    text-decoration: none;
    font-size: 14px;
    text-shadow: none !Important;
    /*width:197px !Important;*/
    height: 28px; /* 30 54 62px*/
    width: 120px !Important;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}


.button5 {
    background-color: inherit; /* #f44336*/
    border: 0px solid LightGray;
    /*color: 	Blue !Important;*/
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    text-shadow: none !Important;
    width: 120px !Important;
    display: table-cell;
    vertical-align: middle;
}

.test1 {
    /*background-color:#595269 !Important*/
    /* background-color:#495C65; */ /* #495C65 (!) #263E3E #49607A #495C65 #AAE0EA*/
    /*text-shadow: 1px 1px 2px Black, 0 0 25px #344049, 0 0 5px #217483;*/
    /*text-shadow: 1px 1px 2px Black, 0 0 25px #495C65, 0 0 5px #495C65;*/
    /* text-shadow: 1px 1px 2px Black;*/
    /*color: #4D3F5C*/
    /*color: #AAE0EA;*/ /*#AAE0EA */
    /* color:#DCDCDC;*/ /* #F0FFF0; #DCDCDC*/
}

.test1b {
    /*background-color:#595269 !Important*/
    background-color: #495C65; /* #263E3E #49607A */
    text-shadow: 1px 1px 2px Black;
    color: #DCDCDC;
}

.different-a {
    /*background-color:White !Important*/
    /* #6C9178 */
    background-color: #657C6C !Important; /*#236546 #466254 #82A28D #657C6B*/
    /*color: #D3DBDC !Important;*/ /*#C4CFD0 #D3DBDC*/
    /*text-shadow: 1px 1px 2px black, 0 0 15px #344049, 0 0 5px #217483;*/
}

    .different-a:before {
        /*opacity:0.1;*/
    }

    .different-a a {
        color: #F5CF49; /* #F8DE7E */
        text-shadow: 1px 1px 2px black, 0 0 15px #344049, 0 0 5px #217483;
    }

        .different-a a:hover {
            color: Yellow; /* #FFC627 #F8DE7E*/
            text-shadow: 1px 1px 2px black, 0 0 15px #344049, 0 0 5px #217483;
        }

        .different-a a:visited {
            color: #F8DE7E;
            text-shadow: 1px 1px 2px black, 0 0 15px #344049, 0 0 5px #217483;
        }

.different-a2 a {
    color: #3457D5;
}

    .different-a2 a:hover {
        color: #3457D5;
    }

    .different-a2 a:visited {
        color: #3457D5;
    }

.button5 a {
    color: LightBlue; /* #F8DE7E */
    /* text-shadow: 1px 1px 2px black, 0 0 15px #344049, 0 0 5px #217483;*/
}

    .button5 a:hover {
        color: LightBlue; /* #FFC627 #F8DE7E*/
        /* text-shadow: 1px 1px 2px black, 0 0 15px #344049, 0 0 5px #217483;*/
    }

    .button5 a:visited {
        color: LightBlue;
        /*text-shadow: 1px 1px 2px black, 0 0 15px #344049, 0 0 5px #217483;*/
    }


.btnRegister3c {
    background-color: red;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100% !Important;
    font-weight: bold;
}

.btnRegister5 {
    background-color: green;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: auto !Important;
    font-weight: bold;
}

/*new*/

.button-link2b {
    /* padding: 5px 6px;*/ /*10px 15px*/
    padding: 7px 11px !important;
    background: #E1F0FD; /*#4479BA*/
    /*color: #FFF;*/
    color: navy; /* white #F8DE7E #1034A6 #148AA3*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #F5F5F5; /*#20538D #F5F5F5*/
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    min-width: 100px;

    margin:5px;
}

    .button-link2b:hover, .button-link:focus {
        background: #AEFBD7; /*#356094 #4C516D*/
        border: solid 1px #F7E7CE; /*#2A4E77 #F7E7CE*/
        text-decoration: none;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        transition-duration: 0.2s;
        color: navy; /*white #F8DE7E #1034A6 #D1B7A3 #B9AC9F #ACA59D #928E89 #D9B442 #EBA030*/
    }

    .button-link2b:visited {
        color: navy; /*#F8DE7E white*/
    }

    .button5b {background-color: inherit; /* #f44336*/
             border: 0px solid LightGray;
    /*color: 	Blue !Important;*/
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    text-shadow: none !Important;
    width:120px !Important;
    display:table-cell;
    vertical-align:middle;
              }

.gridview_new td {
    padding: 5px;
}

/*new*/

.button-link2c {
    /* padding: 5px 6px;*/ /*10px 15px*/
    padding: 4px 7px !important;
    background: #E1F0FD; /*#4479BA*/
    /*color: #FFF;*/
    color: navy; /* white #F8DE7E #1034A6 #148AA3*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #F5F5F5; /*#20538D #F5F5F5*/
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    min-width: 100px;
    margin: 5px;
}

    .button-link2c:hover, .button-link:focus {
        background: #AEFBD7; /*#356094 #4C516D*/
        border: solid 1px #F7E7CE; /*#2A4E77 #F7E7CE*/
        text-decoration: none;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        transition-duration: 0.2s;
        color: navy; /*white #F8DE7E #1034A6 #D1B7A3 #B9AC9F #ACA59D #928E89 #D9B442 #EBA030*/
    }

    .button-link2c:visited {
        color: navy; /*#F8DE7E white*/
    }

.button-link2_ ul {
    padding: 10px 15px;
}

    .button-link2_b ul li a {
        padding: 10px 15px;
        background: white; /*#4479BA*/
        /*color: #FFF;*/
        color: navy; /*#F8DE7E #1034A6 #148AA3*/
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: solid 1px #F5F5F5; /*#20538D #F5F5F5*/
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        width: auto;
        margin: 5px;
    }

        .button-link2_b ul li a:hover {
            background: white; /*#356094 #4C516D*/
            border: solid 1px #F7E7CE; /*#2A4E77 #F7E7CE*/
            text-decoration: none;
            -webkit-transition-duration: 0.2s;
            -moz-transition-duration: 0.2s;
            transition-duration: 0.2s;
            color: navy; /*#F8DE7E #1034A6 #D1B7A3 #B9AC9F #ACA59D #928E89 #D9B442 #EBA030*/
        }

        .button-link2_b ul li a:visited {
            color: black; /*#F8DE7E*/
        }

        #testdiv{
            padding-left:2px;
        }

#div1 {
    padding-left: 4px;
    overflow: hidden;
    /*font-style:italic;*/
}

.div1b {
    padding-left: 4px;
    overflow: hidden;
    /*font-style:italic;*/
}

.btnRegister3b {
    background-color: #F0F9FF;
    color: darkslategray;
    padding: 10px 16px;
    margin: 8px 0;
    /*border: none;*/
    cursor: pointer;
    border-radius: 0.5em;
    border: 2px transparent solid;
    font-weight: bold;
}

    .btnRegister3b:hover {
        background-color: #F0F9FF;
        color: darkslategray;
        padding: 10px 16px;
        margin: 8px 0;
        border: 2px #F1F1E2 solid;
        cursor: pointer;
        border-radius: 0.5em;
        font-weight: bold;
    }

.extrabest2 {
    background-color: white; /*#536A79 #F3F8FC #f3f2ef #9090C0 #A5A7BC*/
    color: rgb(74, 163, 237); /*rgb(74, 163, 237) rgb(101, 119, 134)*/
    padding: 8px 8px; /* Some padding */ /*10px 10px*/
    font-size: 15px !important; /* Set a font size */
    cursor: pointer; /* Mouse pointer on hover */
    display: inline-block;
    border: 1px solid white; /* #5A6D8B #F5F5F5*/
    /* width:100%;*/
}

    .extrabest2:hover {
        background-color: #A8DFFD;
        color: white;
    }

.grid-container {
    display: grid;
    grid-template-columns: 180px 180px 180px; /*1fr minmax(auto, 20%); auto auto auto*/
    background-color: #F3F8FC; /*#2196F3*/
    padding: 5px;
}

.grid-item {
    background-color: #F3F8FC;
    border: 1px solid #F3F8FC; /*1px solid rgba(0, 0, 0, 0.8)*/
    padding: 5px;
    text-align: center;
}

.extrabest3 {
    background-color: white; /*#536A79 #F3F8FC #f3f2ef #9090C0 #A5A7BC*/
    color: rgb(74, 163, 237); /*rgb(74, 163, 237) rgb(101, 119, 134)*/
    padding: 8px 8px; /* Some padding */ /*10px 10px*/
    font-size: 15px !important; /* Set a font size */
    cursor: pointer; /* Mouse pointer on hover */
    display: block;
    border: 1px solid white; /* #5A6D8B #F5F5F5*/
    width: 91%;
}

    .extrabest3:hover {
        background-color: #A8DFFD;
        color: white;
    }

.extrabest3b {
    background-color: white; /*#536A79 #F3F8FC #f3f2ef #9090C0 #A5A7BC*/
    color: #1034A6; /*rgb(74, 163, 237) rgb(101, 119, 134)*/
    padding: 8px 8px; /* Some padding */ /*10px 10px*/
    font-size: 15px !important; /* Set a font size */
    cursor: pointer; /* Mouse pointer on hover */
    display: block;
    border: 1px solid white; /* #5A6D8B #F5F5F5*/
    width: 91%;
}

.extrabest2b {
    background-color: white; /*#536A79 #F3F8FC #f3f2ef #9090C0 #A5A7BC*/
    color: #1034A6; /*rgb(74, 163, 237) rgb(101, 119, 134)*/
    padding: 8px 8px; /* Some padding */ /*10px 10px*/
    font-size: 15px !important; /* Set a font size */
    cursor: pointer; /* Mouse pointer on hover */
    display: inline-block;
    border: 1px solid white; /* #5A6D8B #F5F5F5*/
    /* width:100%;*/
    /* width: 90%;*/
}

.myrbl input[type="radio"] + label {
    /*width: 30px;*/
    /*Height: 30px;*/
    /* background-color: rebeccapurple;*/
    font-size: 14px !important;
}

.checkbox2 label {
    border: 2px outset #F5F5F5;
    background-color: white;
    position: relative;
    /*z-index: 3;*/
    padding: 9px;
    font-weight: normal;
    width: 150px !important;
    display: block;
    text-align: center;
    cursor: pointer;
}

    .checkbox2 label:hover {
        /* opacity: 0.5;*/

        background-color: white;
        text-decoration: underline;
        /* border: 2px outset white !important;*/
    }

.checkbox2 li {
    list-style: none;
    padding: 0px;
}

.avatar_new {
margin-right:5px;
display:inline;
}

.img_circle {
    width: 200px;
    border-radius: 10%;
    margin-left: 20px;
}

ul.menubar_new li a {
    /* display: block;*/ /* block*/
    display: inline-block;
    text-align: center;
    /* 14px 16px; */
    /* padding: 16px 19px; 
   padding-bottom:18px;*/
    padding: 4.5px 10px; /* 8px 10px;*/ /*6.5px 10px 4.5px */
    padding-bottom: 0px;
    transition: all 0.3s ease;
    color: white; /* darkslategray #F2F3FF white*/ /*#F2F3FF*/ /*#AA9CCF #C9C1E1 #D9D3ED #4F6577 #9B425C #CBCFE4 #BA2351*/ /*#F2F3FF*/ /*#5ff3cb #A69EC5*/ /* #8E85B6 #47435C #684E98 #FAF2DA #F2F3FF*/
    /* text-shadow:1px 1px 1px dimgray; */ /*#28343C*/ /*#383A4B*/ /*#2C347E*/
    /* text-shadow: 1px 1px 1px #28343C;*/
    text-decoration: none;
    text-shadow: 1px 1px 1px #28343C;
    border-bottom: 3px solid transparent; /*3px*/
    /* overflow:hidden;*/
    /* overflow: hidden;*/
    max-height: 100%; /*44px*/
    /* margin-top: 3px;*/
    padding-top: 7px !important; /*new 23-12-2020*/
}

    ul.menubar_new li a:hover {
        /* background-color: #111;*/
        /* background-color: white;*/ /*#6B8EC2 white #495183*/ /*#495183*/ /*#5162A8 #1A1110 #2C373F #554A60 #896985 #935565 #7098C5 #8DBDCF*/ /*#566987*/ /*#253445*/ /*#1B1B1B #433159 #242124 #A9A0A9*/ /*#363847 #344656*/
        /* color:lightgreen;*/ /*#e8f2f8 #FFFAFA #EFEFEF #D0F0C0 #F2F3FF #57FB9C #cc464b #57FB9C*/ /*#C5D9DE*/
        /* text-shadow:1px 1px 1px dimgray;*/ /*#28343C*/
        /* text-shadow:1px 1px 1px #28343C;*/
        /* border-bottom: 3px solid #6dcccc;*/
        /* background-color: #8CBDD5;*/ /*#98b2ef*/
        /* color:black;*/
        /* text-shadow: 1px 1px 1px #28343C;*/
        /* text-shadow:1px 1px 1px #28343C;*/
        /* text-shadow: 1px 0px 20px #fff;*/
        /* text-shadow:1px 1px 1px #28343C;*/
        /* border-bottom: 3px solid white;*/
        background-color: #606CA6; /*#3b5c7c #A9B1DE*/
        color: white; /*#57FB9C*/
        text-shadow: 1px 1px 1px #28343C;
    }

.btnRegister5_ {
    background-color: yellow;
    color: black;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 130px;
}

.btnRegister5a {
    background-color: green;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
     
    font-weight: bold;
    width: 130px;
}

.article ul li {
font-size:large;
}

.article ol li {
    font-size: large;
}

.noto-sans-cuneiform-regular {
    font-family: "Noto Sans Cuneiform", sans-serif;
    font-weight: 400;
    font-style: normal;
}

#div_cuneiform:hover {
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

    /* Tooltip text */
    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

span.complement {
}

    span.complement:hover {
        background-color: #36454f !important;
    }

        span.complement:hover i {
            color: white !important;
        }

.the-class {
    color: white !important;
}

.ddl_width {
width:100%;
}

a.alt_link , a.alt_link:active, a.alt_link:visited {
    color: lightgoldenrodyellow !important;
}

    a.alt_link:hover {
        color: lightgoldenrodyellow !important;
    }

div.menu-wrapper2 {
}

    div.menu-wrapper2 ul {
        display: inline-block;
        display: table;
        max-width: inherit;
    }

        div.menu-wrapper2 ul li {
            display: table-cell;
        }

            div.menu-wrapper2 ul li a {
                display: block;
                text-align: center;
                margin: 0 5px;
            }

.centerdiv {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 50%;
    top: 0px;
    transform: translate(-50%);
    margin: auto;
}



