/* --------------------------------------
- this css contains flowings
	- text
		- size
		- align
		- color
		- underline
		- nowrap
		- weight
	- layout
		- float
		- clear
	- tables
		- table.bd			general border
		- table.dd			like difinicion list
		- table.bdSimple	simple border
		- table.thin		TH normal weight
		- table.auto		centering the table
		- table align		td align
		- table valign		td vertical align
	- box
		- image with border
		- title
		- note
		- width
	- inlineMenu
----------------------------------------- */


/* ======================================
	text
========================================= */

/* size */
.smaller{ font-size: smaller !important}
.larger{ font-size: larger !important}

/* align */
.al_center{ text-align: center !important;}
.al_right{ text-align: right !important;}
.al_left{ text-align: left !important;}
.al_top *{ vertical-align: top !important;}
.al_bottom *{ vertical-align: bottom !important;}

/* color */
.red{ color: red;}

/* underline */
.underline{ text-decoration: underline;}

/* white-space */
.nowrap{ white-space: nowrap;}

/* weight */
.bold{ font-weight: bold !important;}

/* ======================================
	layout
========================================= */

/* float */
.fl_right{ float: right; margin-left: 10px; margin-bottom: 10px;}
.fl_left{ float: left; margin-right: 10px; margin-bottom: 10px;}

/* clear */
.clear{ clear: both;}
.cl_right{ clear: right;}

/* tile */
.tile{
	text-align: center !important;
	margin: 3px 0 !important;
	padding: 0 !important;
}
.tile li{
	display: inline-block;
	background: none !important;
	padding: 0 !important;
}

/* ======================================
	tables
========================================= */

/* general border */
table.bd{
	border-collapse: collapse;
	border-top: solid 1px #aaa;
	border-left: solid 1px #aaa;
}
table.bd th{
	padding: 3px 4px;
	text-align: right;
	border-right: dotted 1px #aaa;
	border-bottom: solid 1px #aaa;
}
table.bd td{
	padding: 3px 4px;
	border-right: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
}

/* like difinition list */
table.dd{
	border-collapse: collapse;
	border: none;
}
table.dd th{
	padding: 3px 4px;
	text-align: right;
	vertical-align: top;
	border-right: dotted 1px #aaa;
}
table.dd td{
	padding: 3px 4px;
}

/* simple border */
table.bdSimple{
	border-collapse: collapse;
	border-top: solid 1px #aaa;
	border-left: solid 1px #aaa;
}
table.bdSimple th,
table.bdSimple td{
	padding: 3px 4px;
	text-align: center;
	border-right: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
}

/* centering the table */
table.auto{
	margin: 1em auto;
}
/* thin th */
table.thin th{
	font-weight: normal;
}

/* td align */
table.right td{	text-align: right;}
table.center td{ text-align: center;}

/* vertical-align */
table.bottom td{
	vertical-align: bottom;
}

/* ======================================
	box
========================================= */

/* box title */
div.box p.title{
	font-size: 0.8em;
	text-align: center;
	margin: 0;
}

/* images with border */
.bdImg img{
	border: solid 1px #bbb;
	margin: 0.5em;
}
.bdImg .title{
	text-align: center;
	margin: 0;
}
img.bdImg{
	border: solid 1px #bbb;
}
/* box with border */
div.bd{
	border: solid 1px #aaa;
	padding: 3px;
}

/* note */
div.note{
	background-color: #eef;
	margin: 1em 3em;
	border: solid 1px #99f;
}
div.note p{
	font-size: 0.75em;
	margin: 3px;
}

/* box width */
.w80{
	width: 80%;
	margin: auto;
}

/* ======================================
	inlineMenu
========================================= */

.inlineMenu li{
	display: inline-block;
	padding-right: 1em;
	font-size: 80% !important;
}
/* ie7 */ *:first-child+html .inlineMenu li{ display: inline;}
/* ie6 */ * html .inlineMenu li{ display: inline;}