/* general.css *
* Copyright (c) 2011, ECC UGM. All rights reserved.
* version: 0.1.0
*
*/ 

/* =CSS Reset : reset default browser style
-------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
}
html,body {
	height:100%;
	max-height: 100%;
	width:100%;
	overflow:auto;
}
body {
	position: relative;
}

/* =Lists 
-------------------------------------------------------------*/
ul, ol {padding: 0; margin: 0;}

/* =Tables
-------------------------------------------------------------*/
table {width: 100%; border-collapse: collapse; border-spacing: 0;}

/* =Misc class for general use 
------------------------------------------------------------ */
/* Arrow style */
.right, .float-right {float: right;} .left, .float-left {float: left;} .block {display: block;} .inline {display: inline;} .inline-block {display: inline-block;} .hide {display: none;}

/*Remove n Clear*/
.clear {clear: both; font-size: 1px;}

/* Vertical Position style */
.v-top {vertical-align: top;} .v-middle {vertical-align: middle;} .v-bottom {vertical-align: bottom;}

/* Positioning */
.relative {position: relative;} .absolute {position: absolute;}

/* Padding and Margin */
.pt-0 {padding-top: 0px;} .pt-5 {padding-top: 5px;} .pt-10 {padding-top: 10px;} .pt-15 {padding-top: 15px;} .pt-20 {padding-top: 20px;} .pt-25 {padding-top: 25px;}
.pr-0 {padding-right: 0px;} .pr-5 {padding-right: 5px;} .pr-10 {padding-right: 10px;} .pr-15 {padding-right: 15px;} .pr-20 {padding-right: 20px;} .pr-25 {padding-right: 25px;}
.pb-0 {padding-bottom: 0px;} .pb-5 {padding-bottom: 5px;} .pb-10 {padding-bottom: 10px;} .pb-15 {padding-bottom: 15px;} .pb-20 {padding-bottom: 20px;} .pb-25 {padding-bottom: 25px;} .pb-30 {padding-bottom: 30px;} .pb-40 {padding-bottom: 40px;} .pb-50 {padding-bottom: 50px;} .pb-60 {padding-bottom: 60px;}
.pl-0 {padding-left: 0px;} .pl-5 {padding-left: 5px;} .pl-10 {padding-left: 10px;} .pl-15 {padding-left: 15px;} .pl-20 {padding-left: 20px;} .pl-25 {padding-left: 25px;}
.mt-0 {margin-top: 0px;} .mt-5 {margin-top: 5px;} .mt-10 {margin-top: 10px;} .mt-15 {margin-top: 15px;} .mt-20 {margin-top: 20px;} .mt-25 {margin-top: 25px;}
.mr-0 {margin-right: 0px;} .mr-5 {margin-right: 5px;} .mr-10 {margin-right: 10px;} .mr-15 {margin-right: 15px;} .mr-20 {margin-right: 20px;} .mr-25 {margin-right: 25px;}
.mb-0 {margin-bottom: 0px;} .mb-5 {margin-bottom: 5px;} .mb-10 {margin-bottom: 10px;} .mb-15 {margin-bottom: 15px;} .mb-20 {margin-bottom: 20px;} .mb-25 {margin-bottom: 25px;} .mb-30 {margin-bottom: 30px;} .mb-40 {margin-bottom: 40px;} .mb-50 {margin-bottom: 50px;} .mb-60 {margin-bottom: 60px;}
.ml-0 {margin-left: 0px;} .ml-5 {margin-left: 5px;} .ml-10 {margin-left: 10px;} .ml-15 {margin-left: 15px;} .ml-20 {margin-left: 20px;} .ml-25 {margin-left: 25px;}

/* Border related */