/*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 */
.menubar_new 
{
    margin: 0px;
    padding: 0px;
     
}

.menubar_new li
{
    margin: 0px;
    padding: 0px;
    font-size:12px;
     
}

.menubar_new li a
{
    margin: 0px;
    padding: 0px;
     
     
}

html { 
    height: 100%;
 /* overflow-x:scroll;*/
}





#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);
}







.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 #f3f2ef*/ /* #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: white;
     /* 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;
    background-color: #ffffff;
}


/* ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header
{
    display: block; /*block;*/
    font-size: small;
}
.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: darkslategrey; /* #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;
}

/*paragraph*/
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;*/

}

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*/

     /* 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 */

 
 /*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.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: 10px;
margin-right: 10px;
    /* margin-right: auto;*/
    background-color:White; /* #B6D0FC*/
    /*-webkit-border-radius: 20px;*/
    /* margin-top:15px;*/
    padding:8px !important;
    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; 
}

.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: darkslategrey; /*#DCDCDC;#5F627A */
             overflow:hidden;

          
              border-left: 0px solid red !important;
              border-right: 0px solid red !important;
 
   
        }
 
 

.noborders 
        {
         border-left: 1px solid white!important;
         border-right: 1px solid white !important;
         background-color:white;

 

  
        }

table.grid7 tr
        {
    border-left: 1px solid #A9C8D8;
            border-right: 1px solid #A9C8D8;
           /*  border-left: 1px solid #A9C8D8;
            border-right: 1px solid #A9C8D8;*/

           border: 1px solid #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 
        {padding:3px; 
   
 
   
        }
/*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;


}*/


        .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;
              }
        .button5 a
{
    color:		#1034A6; /* #F8DE7E */
    /* text-shadow: 1px 1px 2px black, 0 0 15px #344049, 0 0 5px #217483;*/
}

.button5 a:hover
{
    color:		#1034A6; /* #FFC627 #F8DE7E*/
   /* text-shadow: 1px 1px 2px black, 0 0 15px #344049, 0 0 5px #217483;*/

}

.button5 a:visited
{
    color:	#1034A6;
   /* text-shadow: 1px 1px 2px black, 0 0 15px #344049, 0 0 5px #217483;*/

}

        .customoptions 
        {
            background:rgba(255,255, 255, 0.4);
        }
        .customoptions option {
        }
         
        
       
        .style3b 
        {
           padding-left: 5px;padding-top:5px;padding-bottom:5px;
           color: #36454F;  
            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: #36454F;  
            font-size: 16px;
            font-weight:bold;

            font-variant:small-caps;
            border-bottom: solid transparent 2px;
             background-color:White;

        }
        .style3d 
        {
           color: #36454F;  
            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;

        }
        
        .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*/
}




.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 {
    color: black !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: #A3E2FE !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;*/
}

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: #47375B !Important;
  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: darkslategrey;
  padding: 8px 16px;
  text-decoration: none;
  margin-left:-6px !important;
}

ul.vm2  li a:active {

  color: darkslategrey;
 
}

ul.vm2  li a:visited {

  color: darkslategrey;
 
}

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:  #f3f2ef; /*#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: #f3f2ef; /* #f6f6f6 Black */
    height: auto;
}

.button-link2_ ul  {
    padding: 10px 15px;
}
 .button-link2_ ul li a {
padding: 10px 15px;
    background: white; /*#4479BA*/
    /*color: #FFF;*/
    color:			#36454f ; /*#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: 				#36454f; /*#F8DE7E #1034A6 #D1B7A3 #B9AC9F #ACA59D #928E89 #D9B442 #EBA030*/
}

.button-link2_ ul li a:visited {
    
    color:#36454f ; /*#F8DE7E*/
}

    .button-link3_ {
padding: 10px 15px;
    background: white; /*#4479BA*/
    /*color: #FFF;*/
    color:			#36454f ; /*#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: 				#36454f; /*#F8DE7E #1034A6 #D1B7A3 #B9AC9F #ACA59D #928E89 #D9B442 #EBA030*/
}

.button-link3_:visited {
    
    color:#36454f ; /*#F8DE7E*/
}

img.avatar {
    /*width: 50px;
    height:50px;*/
    border-radius: 50%;
}

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.vm {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 230px; /*192px 187px*/
    background-color: white; /*#EAEBEE #E8EBEC #E9EAEF*/
    font-size: 14px;
    font-weight: bold;
    margin-left: -15px;
}

ul.vm li a {
  display: block;
  color: 	darkslategrey; /*#F8F8FF*/ /*#E0E9E9 #F5F5F5*/
  /* padding: 8px 16px;*/
  padding: 10px 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; /*#f6f6f6 #F9F9FA*/ /*#F9F9FB #FAFAFC*//*#E6E6ED #EEF0F7 #DEE2ED #D5E8EA #D8DCE7*/ /*#D5DEEA #608FAC #7896BE*/ /*#ADB8C9*/ /*#D3EAF1 #484D68 #486882 #7CA6B1 #7896BE #91A3B0*/

  height:24px;
}

ul.vm  li a:active {

  color: 	darkslategrey; /*#F5F5F5*/
 
}

ul.vm  li a:visited {

  color:	darkslategrey; /*#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; /*#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: #f3f2ef; /* #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: darkslategrey; /*#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: darkslategrey; /*#F5F5F5 #E0E9E9*/
 
}

ul.vm_different li a:hover {

  text-decoration:underline;
  /* background-color:lightgoldenrodyellow !important;*/
  /* background: red !important;*/
  color: black; /*#e6e67b*/
    
}

.twobuttons {
    background-color: #f3f2ef !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: 1px #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, .popular_x 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-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;
 
}

.variableclass:not(:empty) {
    /* Styles */
    border: 0px solid  #7CC5AD; /*4px outset #FAFFF4 #F5F5F5*/
}

.variableclass:empty {
       border: 0px;
      }

.graythisimage{
filter: grayscale(10%);
}

.extrabest {
    background-color: white; /*#F3F8FC*/
  color: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;
 
}

.extrabest:hover {
  background-color: #A8DFFD;
  color:white;
}

.extrabest:visited {
  background-color: white; /*#F3F8FC*/
  color: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:18px;
}

.myth1 {
    background-color:#D34545;
    color:white;
}

.myth2 {
    background-color:lightblue;
}

.ButtonPadding
{
    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:			#36454f ; /*#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: 				#36454f; /*#F8DE7E #1034A6 #D1B7A3 #B9AC9F #ACA59D #928E89 #D9B442 #EBA030*/
}

.button-link2 ul li a:visited {
    
    color:#36454f ; /*#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,.bordercolor thead,.bordercolor td, .bordercolor table{
border-color:#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 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;
     }

     .pagination2 a:hover,
     .pagination2 a:active {
         /*background-color: 	#C44569;*/ /*#C44569 #52E285 #93BDA2 #A7DAA8 #91cfe6*/
         /*color: white; */

     }

input[type="radio"] + label
{
    margin-left: 2px !Important;
}

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;
}

p {
    font-size:18px;
}

.menubar_new p {
    font-size:13px !important;
}

.btnRed {
    background-color: Red;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
}

.btnGreen {
    background-color: Green;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
}