div{
	-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.hari{
	float:left;
	padding:5px;
	width:50px;
	text-align:center;
	margin:2px;
	background:#0CF;
    font-size:12px;
    color:white;
	
background-image:-webkit-linear-gradient(top,#3267de 0%,#3267de 100%);
background-image:-moz-linear-gradient(top,#3267de 0%,#3267de 100%);
background-image:-o-linear-gradient(top,#3267de 0%,#3267de 100%);
background-image:-ms-linear-gradient(top,#3267de 0%,#3267de 100%);
background-image:linear-gradient(top,#3267de 0%,#3267de 100%);

}
.tgl{
	float:left;
	padding:5px;
	width:50px;
	text-align:center;
	margin:2px;
	background:#CCC;
	
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dde7ff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#dde7ff, #dde7ff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #dde7ff, #dde7ff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#dde7ff, #dde7ff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#dde7ff, #dde7ff 25%, #e6e6e6);
  background-image: linear-gradient(#dde7ff, #dde7ff 25%, #e6e6e6);

}
.tgl:hover{
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  color:#FFF;
}
.float_habis{
	padding:1px;
	text-align:center;
}
.tgl_blank{
	float:left;
	padding:5px;
	width:50px;
	text-align:center;
	margin:2px;
	background:#F8F8F8;
	color:#CCC;
}
.tgl_skrng{
	float:left;
	padding:5px;
	width:50px;
	text-align:center;
	margin:2px;
	background:#FC0;
}
.blokbaris{
	padding:5px;
	text-align:center;
	margin:2px;
    
}

  
@media screen and (max-width: 800px) {

.hari{
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	padding-right:3px;
	width:43px;
	text-align:center;
	margin:2px;
	background:#0CF;
    font-size:12px;
    color:white;
	
background-image:-webkit-linear-gradient(top,#3267de 0%,#3267de 100%);
background-image:-moz-linear-gradient(top,#3267de 0%,#3267de 100%);
background-image:-o-linear-gradient(top,#3267de 0%,#3267de 100%);
background-image:-ms-linear-gradient(top,#3267de 0%,#3267de 100%);
background-image:linear-gradient(top,#3267de 0%,#3267de 100%);

}
.tgl{
	float:left;
	padding:5px;
	width:43px;
	text-align:center;
	margin:2px;
	background:#CCC;
	
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dde7ff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#dde7ff, #dde7ff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #dde7ff, #dde7ff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#dde7ff, #dde7ff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#dde7ff, #dde7ff 25%, #e6e6e6);
  background-image: linear-gradient(#dde7ff, #dde7ff 25%, #e6e6e6);

}

.tgl_blank{
	float:left;
	padding:5px;
	width:43px;
	text-align:center;
	margin:2px;
	background:#F8F8F8;
	color:#CCC;
}
.tgl_skrng{
	float:left;
	padding:5px;
	width:43px;
	text-align:center;
	margin:2px;
	background:#FC0;
}
}


@media screen and (max-width: 500px) {

.hari{
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	padding-right:3px;
	width:35px;
	text-align:center;
	margin:2px;
	background:#0CF;
    font-size:10px;
    color:white;
	
background-image:-webkit-linear-gradient(top,#3267de 0%,#3267de 100%);
background-image:-moz-linear-gradient(top,#3267de 0%,#3267de 100%);
background-image:-o-linear-gradient(top,#3267de 0%,#3267de 100%);
background-image:-ms-linear-gradient(top,#3267de 0%,#3267de 100%);
background-image:linear-gradient(top,#3267de 0%,#3267de 100%);

}
.tgl{
	float:left;
	padding:5px;
	width:35px;
	text-align:center;
	margin:2px;
	background:#CCC;
	
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dde7ff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#dde7ff, #dde7ff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #dde7ff, #dde7ff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#dde7ff, #dde7ff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#dde7ff, #dde7ff 25%, #e6e6e6);
  background-image: linear-gradient(#dde7ff, #dde7ff 25%, #e6e6e6);

}

.tgl_blank{
	float:left;
	padding:5px;
	width:35px;
	text-align:center;
	margin:2px;
	background:#F8F8F8;
	color:#CCC;
}
.tgl_skrng{
	float:left;
	padding:5px;
	width:35px;
	text-align:center;
	margin:2px;
	background:#FC0;
}
}