body{
	font-family:Arial, Helvetica, sans-serif; font-size:88%;
        padding: 0px;
}
h2{ margin-top: 50px; }
table{ border:1px solid #ccc; font-size:75%; }
caption{ margin:10px 0 0 5px; padding:10px; text-align:left; }
th{ background-color:#444444; color:#FFFFFF; padding:2px; border:1px solid #ccc; }
td{ padding:2px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
pre{ margin:5px; padding:5px; background-color:#eeeeee; border:1px solid #ccc; }
.mytable{ width:100%; font-size:12px; }


/* Sortable tables */
table.sortable a.sortheader {
    background-color:#444444; color:#FFFFFF; padding:2px; border:0px solid #ccc;
    font-weight: bold;
    display: block;
    text-decoration: none;
}

/*====================================================
	- filter classes
	- edit classes below to change filters style
=====================================================*/
.btnflt{
	font-size:11px;
	margin:0 2px 0 2px; padding:0 1px 0 1px;
	text-decoration:none; color: #fff;
	background-color:#666;
}
.flt{
	background-color:#ffffff; border:1px inset #ccc;
	margin:0; width:100%;
}
.flt_s{
	background-color:#eeeeee; border:1px inset #ccc;
	margin:0; width:80%;
}
.inf{
	clear:both; width:auto; height:20px;
	background:#eeeeee; font-size:11px;
	margin:0; padding:1px 3px 1px 3px;
	border:1px solid #ccc;
}
.ldiv{ float:left; width:30%; position:inherit; }
.mdiv{ float:left; width:30%; position:inherit; text-align:center; }
.rdiv{ float:right; width:30%; position:inherit; text-align:right; }
.loader{
	position:absolute; padding: 15px 0 15px 0;
	margin-top:7%; width:200px; /*height:50px;*/
	left:40%; z-index:1000; font-size:12px; font-weight:bold;
	border:1px solid #666; background:#ffffff;
	text-align:center; vertical-align:middle;
}
div.mdiv select{ height:20px; }
div.inf a{ color:#CC0000; }
div.inf a:hover{ text-decoration:none; }
.tot{ font-weight:bold; }