body { font-size:16px; font-family: Verdana, Geneva, sans-serif; color:#494949; max-width:1200px;margin:auto;background-color:#3d3d3d;}
    a { color:#4286f4; text-decoration:none; }
    .kontener { width:90%;margin:auto;background-color:white;border:solid 1px white;overflow:hidden;padding:10px; }
    
    .topmenubuttonmobile
{
padding:5px;float:left;font-size:14px;background-color:#5688AA;
height:20px;margin-bottom:10px;width:29%;color:white;font-weight:bold;margin-left:4px;text-align:center;
}
    
    .s1 {color:#ea4335; font-size:110%;}
		.s2 {color:#4285f4; }
		.s3 {color:#fbbc05; font-size:80%;}
		.s4 {color:#ea4335; }
		.s5 {color:#34a853; font-size:120%;}
		
		h1 {background-color:#3d3d3d;margin:0px;text-align:center;color:white;padding:15px;}

    .boxabjad { padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:5px;margin:2px;margin-bottom:15px;background-color:#ccdbe5;  }
.boxabjadlist { padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;margin:1px;float:left;text-align:left;background-color:#5688AA; color:white;}


.headcontenttitle {color:white;padding:5px;background-color:#3C797D;}

#listmobile { width:48%;padding:5px;border:solid 1px #eef3f6;margin:2px;float:left;text-align:left; }
    
    .listtopten { margin:2px;padding:2px;float:left;width:47%;height:36px;overflow:hidden;background-color:white;text-align:left;-moz-border-radius: 0.1em;  -webkit-border-radius: 0.1em; border-radius: 0.1em; }
.listtoptentitle { font-size:16px;color:#4286f4; }
.listtoptenboxvisitor { background-color:#d8e6de;border:solid 1px silver;width:40px;color:#200000;font-size:12px;float:right;padding-left:2px;padding-right:2px;-moz-border-radius: 0.1em;  -webkit-border-radius: 0.1em; border-radius: 0.1em; }
.listtoptenjempol { color:blue;float:right; }
.listtoptendesc { font-size:14px;color:#5C5C5C; }
fieldset { border:solid 1px #5C5C5C;-moz-border-radius: 0.1em;  -webkit-border-radius: 0.1em; border-radius: 0.1em;background-color:#eafbfc;margin-top:5px; text-align:left; }
legend { color:#898484 !important; background-color:#d8e6de;width:80%;padding:5px;-moz-border-radius: 0.1em;  -webkit-border-radius: 0.1em; border-radius: 0.1em; text-align:left;}

.ac_results { z-index: 99999; -moz-box-shadow: 0px 5px 10px black; -webkit-box-shadow: 0px 5px 10px black; box-shadow: 0px 5px 10px black; background-color: white; border: solid 1px silver; display: inline-block; padding: 4px 15px 4px; font-size: 18px; font-weight: bold; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:200px; line-height: 18px; vertical-align: middle; -webkit-appearance: none; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 1px 5px; cursor: pointer; display: block; font: menu; font-size: 18px; line-height: 16px; overflow: hidden; } .ac_results li a div:hover { color:white; background-color:#3399FF;} .ac_loading { background: white url('/load.gif') right center no-repeat; } .ac_odd { background-color: #eee; } .ac_over { color: white; background-color:#3399FF; color:white; border: solid 1px silver; box-shadow: 0 1px 0 silver; border-image: initial; }

.before-lds-loading {
background-color:#99CDEF;padding:20px;margin:auto;text-align:center;color:white;font-family:monospace;font-size:16px;font-weight:bold;margin-top:10px;margin-bottom:10px;clear:both;
}
.lds-loading {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-loading div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #fff;
  animation: lds-loading 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-loading div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-loading div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-loading div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-loading {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}

.populartags
{
    padding:8px;color white;background-color:silver;float:left;margin:2px;font-size:12px;
}

ul,li { list-style-type:none;margin:0;padding: 0; }
iframe { width:95%;height:250px; }

@media only screen 
and (max-width: 980px) 
{
    .boxabjadlist { width:7.5%; overflow:hidden; }
    #listmobile {width:97%;}
.listtopten { margin:2px;padding:2px;float:left;width:47%;height:30px;overflow:hidden;background-color:white;text-align:left;-moz-border-radius: 0.1em;  -webkit-border-radius: 0.1em; border-radius: 0.1em; }
.listtoptentitle { font-size:14px;color:#4286f4; }
.listtoptenboxvisitor { background-color:#d8e6de;border:solid 1px silver;width:26px;color:#200000;font-size:10px;float:right;padding-left:2px;padding-right:2px;-moz-border-radius: 0.1em;  -webkit-border-radius: 0.1em; border-radius: 0.1em; }
.listtoptenjempol { color:blue;float:right; }
.listtoptendesc { font-size:12px;color:#5C5C5C; }
fieldset { border:solid 1px #5C5C5C;-moz-border-radius: 0.1em;  -webkit-border-radius: 0.1em; border-radius: 0.1em;background-color:#eafbfc;margin-top:5px; text-align:left; }
legend { color:#898484 !important; background-color:#d8e6de;width:80%;padding:5px;-moz-border-radius: 0.1em;  -webkit-border-radius: 0.1em; border-radius: 0.1em; text-align:left;}

    
}

}