body{font-family:sans-serif;font-size:16px;color:#333;text-spacing-trim:space-all;}
a{color:#00f;text-decoration:none;}a:hover{color:#f00;}
div#for-ie>div.box{background:#f99;color:#000;}
hr{border:none;border-bottom:1px solid #999;}

/* SUKTAP zu */
tape{display:block;border:1px solid #ddd;color:#000;background:#eef;border:none;margin-bottom:8px;}
tape>div{padding:min(12px,8%);}
div#pagination>a,div#pagination span{padding-right:8px;}

div#header{display:block;background:#fff;margin-bottom:8px;border-bottom:1px solid #f22;}
div#header a{color:#333;padding:8px;display:inline-block;border-right:1px solid #ddd;}
div#header a:hover{background:#eee;}
div#main{background:#fff;}

text.info{font-size:12px;}
text.hash{font-family:monospace;}

input,textarea{border:none;border-bottom:2px solid #ddd;padding:4px;border-radius:0;text-spacing-trim:space-all;}
input:focus,textarea:focus{border-bottom:2px solid #07f;outline:none;}
textarea{min-height:80px;resize:vertical;}

button,input[type=button],input[type=submit]{
  border:none;
  border-radius: 6px;
  color:#000;
  background:linear-gradient(0deg,#ddd,#eee);
  min-height:31px;
  font-size:16px;
}
button:hover,input[type=button]:hover,input[type=submit]:hover{
  background:linear-gradient(180deg,#ddd,#eee);
}

#submit,input[type=submit]{
  color:#fff;
  background:linear-gradient(0deg,#494,#5b5);
}
#submit:hover,input[type=submit]:hover{
  background:linear-gradient(180deg,#494,#5b5);
}
#submit:focus,input[type=submit]:focus{
  outline:1px solid #0d0;filter:brightness(1.1);
}
#logout{
  color:#fff;
  border:1px solid #e44;
  background:linear-gradient(0deg,#d22,#f66);
}
#logout:hover{
  background:linear-gradient(180deg,#d22,#f66);
}
#logout:focus{
  outline:1px solid #d00;filter:brightness(1.1);
}

/*@media screen and (max-device-width: 10cm){*/
  div#header,div#main,tape{width:min(100%,22cm);}
  div#main form,div#main div.box{padding:min(8%,8px);}
  form input:not([type=submit]),textarea{width:100%;}
  [type=submit]{width:60px;}
/*}
@media screen and (min-device-width: 10cm){
  body{margin:22px;}
  div#header,div#main,tape{width:70%;}
  div#main form,div.box{padding:16px;}
  form input:not([type=submit]),textarea{width:40%}
  form input[type=submit]{width:60px;}
}
*/

/* SUKTAP ni BUG dahce decss mis */
tape{overflow:auto;}