html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;font-family: Arial,Helvetica,sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
#statisztikak span{
width:70px;float:right;}
#scrambler {
font-size: 12px;font-weight: bold;margin: 0 0 12px 0;width: 200px;float: left;}
#lapTime {
display: block;float: left;font-size: 30px;font-weight: bold;height: 30px;margin: 9px 0 0;padding-left: 2px;width: 145px;overflow: hidden;}
#lapTime span{
font-size:1px;}
#lapTime span span{
font-size:13px;}

#idok{
height:107px;width:90%px;overflow:scroll;overflow:-moz-scrollbars-vertical
}

#idok, #statisztikak{
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #999999;padding:5px 0 0 5px;background:#FFFFFF;}
#statisztikak{
height:48px;margin-bottom: 6px;}
a.goLink{text-decoration:none;font-size:14px;font-weight:bold;padding:5px 34px;margin:50px 0 0 50px;background-color:#bbb;box-shadow: 10px 10px 5px #888;width:142px;color:#222;display:inline-block;border-radius:10px}
#kever, #seged, #startStop, #resettimes, #deletelast{
background-color: #BBBBBB;border: 1px solid #000000;border-radius: 3px 3px 3px 3px;box-shadow: 0 0 5px #000000 inset;cursor: pointer;float: left;font-size: 12px;font-weight: bold;margin-bottom: 3px;padding: 2px;text-shadow: 0 0 5px #FFFFFF;}
#resettimes{
margin-left:8px;clear:both;}
#deletelast{
margin:6px 0 9px 8px;}
#startStop {
font-size: 15px;padding: 4px 20px;}
#kever{
float:right;margin:8px;}

#kever:hover, #seged:hover, #startStop:hover, #resettimes:hover, #deletelast:hover{
background-color: #FFF;}

#wrapstopper, #wrapidok, #wrapstatistics, #wrapscrambler, #wrapdiagram{
border-right:2px solid #aaaaaa;border-left:2px solid #aaaaaa;border-bottom:2px solid #aaaaaa;padding:5px;background-color:#DDDDDD;}
#wrapscrambler{
height:0;display:none;border-top:none;}	
#wrapdiagram{
background-color:#FFFFFF;}
#wrapidok{
width:130px;float:left;height:114px;}
#wrapidok div{
border-bottom: 1px dotted #aaa;margin-bottom: 2px;}
#wrapidok div span span{
font-weight:bold;margin-right: 9px;}
#wrapstatistics{
width:144px;float:left;height: 114px;border-left:none;}
#wrapscrambler{

}
#wrapstopper{
height:48px;overflow:hidden;border-bottom:none;display:block;}
#wrapall{
width:300px;font-size: 13px;}
.inspectiondiv{
font-size: 11px;font-weight: bold;}

#copyright {
color: black;float: right;font-size: 11px;margin: 3px;width: 152px;}

#copyright a{
color:#0000BB;}
@media screen and (max-width:300px){
	#wrapall {
    width:auto;
	overflow-x: auto;
}
a.goLink{margin-left: 10px;}
}