body{
    font-family:Tahoma;
    color:#000000;
    font-size:14px;
    width:980px;
    margin:0 auto;
    background:#ffffff url('../img/bg.gif') repeat-y center;
    }
    html{position: relative; min-height: 100%;}
    tr{font-family:Tahoma;font-size:14px;}
    td{font-family:Tahoma;font-size:14px;}
    b.arial{FONT:bold 15px Arial;}
    p.blocks{border-bottom:1px solid #CCCCCC;}
    h1,h2,h3,h4,h5{font-family: 'Segoe UI ', 'Proxima Nova ', 'Helvetica Neue ',Helvetica,Arial,sans-serif;margin:0;font-weight:lighter;}
    a img{border:none;}
    
    #tablestyle {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      border-collapse: collapse;
      
    }
    
    #tablestyle td, #tablestyle th {
      border: 1px solid #ddd;
      padding: 8px;
    }
    
    #tablestyle tr:nth-child(even){background-color: #f2f2f2;}
    
    #tablestyle tr:hover {background-color: #ddd;}
    
    #tablestyle th {
      padding-top: 12px;
      padding-bottom: 12px;
      text-align: left;
      background-color: #4CAF50;
      color: white;
    }
    
    
    
    
    
    input [type=number ]::-webkit-inner-spin-button,input [type=number ]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
    a:link {text-decoration:none;color: green;}
    a:visited {text-decoration:none;color: green;}
    a:hover {text-decoration:none;color: red;}
    a:active {text-decoration:none;color: blue;}
    
    /* #### bootstrap Form #### */
    .inputform {
        font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000;
        text-shadow: 1px 1px 1px #FFF;
        border:1px solid #DDD;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
    .inputform h1 {
        font: 25px "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding: 0px 0px 10px 40px;
        display: block;
        border-bottom: 1px solid #DADADA;
        margin: -10px -30px 30px -30px;
        color: #000;
    }
    .inputform h1>span {
        display: block;
        font-size:14px;
    }
    .inputform label {
        display: block;
        margin: 0px 0px 5px;
    }
    .inputform label>span  {
        float: right;
        width: 80px;
        text-align: right;
        padding-right: 10px;
        margin-top: 10px;
        color: #333;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
    }
    .inputform input[type="text"],  input[type="email"],  input[type="password"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], textarea,  select{
        border: 1px solid #CCC;
        color: #000;
        height: 30px;
        margin-bottom: 16px;
        margin-right: 6px;
        margin-top: 2px;
        outline: 0 none;
        padding: 4px 12px; 
       /* width: 68%;*/
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        font: normal 14px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }
    .inputform select {
        background: #FFF url('../img/down-arrow.png') no-repeat left;
        background: #FFF url('../img/down-arrow.png') no-repeat left;
        appearance:none;
        -webkit-appearance:none; 
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: '';
        /*width: 100px;*/
        height: 30px;
    }
    .inputform textarea{
        height:100px;
    }
     
    
    .inputform input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], button {
        border:solid 1px #aaa;
        padding:12px 30px;
        margin:0 0 20px;
        font-family:Arial, sans-serif;
        font-size:1.2em;
        /*	text-transform:uppercase;
    font-weight:bold;*/
        cursor:pointer;
        color:#333;
    }
    
    .inputform input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], button.bg_gradient {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
        background-image: -webkit-linear-gradient(top, #ddd, #aaa);
        background-image: -moz-linear-gradient(top, #ddd, #aaa);
        background-image: -ms-linear-gradient(top, #ddd, #aaa);
        background-image: -o-linear-gradient(top, #ddd, #aaa);
        background-image: linear-gradient(top, #ddd, #aaa);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#aaa',GradientType=0 ); /* IE6-9 */
    }
    
    .inputform input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], button.shadow_inset_top {
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }
    
    .inputform input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], button.shadow_bottom {
        -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    }
    
    .inputform input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], button.shadow_inset_top_shadow_bottom {
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
    }
    
    .inputform input[type="button"]:hover, input[type="submit"]:hover,button:hover {
         background:#aaa;
    }
    
    .inputform input:focus {
        border:solid 1px #EEA34A;
    }
    
    
    
    
    /* **********************************************/
    .show {
      display: block;
    }
    
    
    .navbar {
      overflow: hidden;
      background-color: #000;
    }
    
    .navbar a {
      float: left;
      font-size:14px;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
    }
    
    .dropdown {
      float: left;
      overflow: hidden;
    }
    
    .dropdown .dropbtn {
        /*cursor: pointer;*/
      font-size: 14px;  
      border: none;
      outline: none;
      color: white;
      padding: 14px 16px;
      background-color: inherit;
      font-family: inherit;
      margin: 0;
    }
    
    
    .navbar a:hover, .dropdown:hover .dropbtn {
      background-color: red;
    }
    
    .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;
    }
    
    .dropdown-content a {
      float: none;
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      text-align: left;
    }
    
    .dropdown-content a:hover {
      background-color: #ddd;
    }
    
    .dropdown:hover .dropdown-content {
      display: block;
    }
    /** ***********************************************************************/
    
    .pagingselected{
    display:inline-block;
    border:1px solid #DBDBDB;
    padding:1px 7px;
    margin-right:3px;
    font-weight:bold;
    text-decoration:none;
    background:#a7a7a7;
    color:black;
    }
    .pagingnotselected{
    display:inline-block;
    border:1px solid #DBDBDB;
    padding:1px 7px;
    margin-right:3px;
    font-weight:bold;
    text-decoration:none;
    background:#d5e2dc;
    
    }
    #ticker{line-height: 1.8em;max-width:980px;background-color:#333;color:#FFF;overflow:hidden;min-height:30px;}
    .news-list{padding:0;margin:0;position:relative;list-style-type:none;}
    .news-list li{position:absolute;white-space: nowrap;display:none;}
    
    .alink:link,.alink, .alink:visited {
      background-color: green;
      color: white;
      padding: 14px 25px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      cursor: pointer;
    }
    
    .alink:hover, .alink:active {
      background-color: black;
      color: white;
      cursor: pointer;
    }
                
    .footer {
        background-color: black;
        position: absolute;
        margin: auto;
        text-align: center;
        /*left: 0;*/
        bottom: 0;
         height: 60px;
        width: 980px;
         color: white;    
        overflow: hidden;
    }
    
    .flexblocks {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 10px;
    }
    
    .blocks {
        flex: 1;
        margin-bottom: 10px;
        padding: 10px;
        border: 1px solid  #ddd;
        border-radius: 4px;
    }  
    
    /*.blocks:first-child {
        margin-right: 20px;
    } */
    #login {
     box-shadow: 0px 0px 15px 5px grey;  
        
    }
    
    .discordlogedinn{
    
        color: #344996;
        letter-spacing: 1px; 
    font-weight: bolder;
    
    }
    .discord-login{  
         
        color: white;
        border-radius: 4px;
        height: 20px; 
        margin-bottom: 10px;
        font-size: 13px;
        text-transform: capitalize;
        transition: all 200ms linear;
        letter-spacing: 1px; 
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border: none;
        outline: none;
        background-color: #7289d9;
        cursor: pointer; 
      }
      
      .discord-login:hover{  
        background-color: #5c75cf;
        box-shadow: 0 8px 24px 0 rgba(16,39,112,.2);
        color: white;
      }