<?php
ob_start("ob_gzhandler");
header("Content-type: text/css");
?>
/*=========> CSS Van Moer <===========*/
/*=========> copyright Robarov <===========*/

*{
/* all fonts to a uniform size, including form fields,headings etc. */
	font-size:100%;
	margin:0;
	padding:0;
}

body{
	font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.8em;
	background:#efefef;
	color:#333;
	text-align:center;	
}
/*=========> Links <===========*/
a{color:#496db5;}
a:hover{color:#0e3658;text-decoration:underline;}

/*=========> Container <===========*/
#container{
	position:relative;
	margin:20px auto 6px auto;
	width:720px;
	padding:20px;
	text-align:left;
	background:#fff;
	border:1px solid #ddd;
}

#container h1{
	background: url(../i/logo.gif) 0 0 no-repeat;
	padding-top: 50px;
	width:185px;
	overflow: hidden;
	height: 0px !important; 
}	

/*=========> Login <===========*/
#login2{
	text-align:left;
	background:#fff;
	border:1px solid #ddd;
	position:absolute;
	left:50%;
	top:50%;
	width:280px;
	padding:0 20px;
	height:240px;
	text-align:left;
	margin-left:-160px; 
	/*\*/
	margin-top:-120px;
	color:#0e3658;
}
#login2 h1{
	background: url(../i/logo.gif) 0 0 no-repeat;
	padding-top: 50px;
	width:280px;
	overflow: hidden;
	height: 0px !important;
	margin:1em 0 0 0;
}	
form div{margin:.3em 0;	}
form p{text-align:right;float:right;margin-top:10px;}
input{
	font-size:1.2em;
	width:280px;
	background:#c9dafb;
	border:1px solid #496db5;
	padding:2px 0;
}
#q{
	padding-left:20px;
	background:#496db5 url(../i/search.gif) 0% 50% no-repeat;
	width:100px;
	color:#fff;
}
#search{
	margin:0 0 2em 0;
}
#search label{
	display:inline;
	line-height:1em;
}
.login-button, #submit{
	width:100px;
	background:#666;
	border:1px solid #666;
	margin-top:10px;
	padding:1px 0;
	color:#fff;
}

.error, .info{
	padding:0 0 0 1em;
	padding-left:30px;
	font-weight: bold;
	margin:0 0 2em 0;
}
.error{
	border-top:1px solid #e00000;
	border-bottom:1px solid #e00000;
	color:#e00000;
	background:#ffddd8 url(../i/error.gif) 1% 50% no-repeat;
}
.info{
	border-top:1px solid #bfd8ee;
	border-bottom:1px solid #bfd8ee;
	color:#064b96;
	background:#dfefff  url(../i/info.gif) 1% 50% no-repeat;
}
/*=========> Logout <===========*/
#logout{
	position:absolute;
	top:10px;
	right:20px;
	color:#999;
}

/*=========> Search <===========*/

#searchinput{
	width:100px;
}
.results {
	width: 100px;
	background: #fff;
	}
.results ul {
	border:1px solid #888;
	width:100%;
	list-style-type:none;
}
.results ul li {padding:.3em 0;}
.results ul li.selected {background: #c6d7f8; }
.results ul strong.highlight { color: #333; }

/*=========> Tables <===========*/
table{
	clear:both;
	margin:0;
	width:99%;
	text-align:left;
	text-align:center;
	border-right:1px solid #ddd;
	background:#fff;
}
caption{
	margin:0px;
	text-align:right;
	font-weight:bold;
	color: #496db5;
}
caption span{
	color:#999;
	margin-left:20px;
}
.tfoot{text-align:right;}
th{
	padding:0.3em 0;
	background: #496db5;
	color:#fff;
	border-right:1px solid #394D75;
	border-bottom:1px solid #394D75;
}
tbody td{	border-left:1px solid #ddd; border-bottom:1px solid #ddd; width:9%;}

tbody td img {
	vertical-align: middle;
}
#tbl_cmt{text-align: left;}


#tbl_cmt th, #tbl_cmt tbody td {width: auto;padding: 0.4em 0.8em;}
#tbl_cmt tbody .size {width: 60px;}

.odd td{background:#efefef;}

/*=========> Footer <===========*/
#footer{
	font-size:.9em;
}
<?php
ob_end_flush();
?>