/* universal */

.font-s { font-size:100%; }
.font-m { font-size:120%; }
.at-font { color:#F00 !important; }

.sfont { font-size:80%; font-weight:normal;}

/* background */
.bg-none {
	background:none;
}

/* Padding */
.pt1 { padding-top:1px; }
.pt3 { padding-top:3px; }
.pt6 { padding-top:6px; }
.pt9 { padding-top:9px; }
.pt12 { padding-top:12px; }
.pt18 { padding-top:18px; }
.pt24 { padding-top:24px; }
.pt36 { padding-top:36px; }
.pt100 { padding-top:100px; }

.pr3 { padding-right:3px; }
.pr6 { padding-right:6px; }
.pr9 { padding-right:9px; }

.pb3 { padding-bottom:3px; }
.pb6 { padding-bottom:6px; }
.pb9 { padding-bottom:9px; }
.pb12 { padding-bottom:12px; }
.pb24 { padding-bottom:24px; }
.pb36 { padding-bottom:36px; }
.pb100 { padding-bottom:100px; }


.pl3 { padding-left:3px; }
.pl6 { padding-left:6px; }
.pl9 { padding-left:9px; }
.pl12 { padding-left:12px; }
.p118 { padding-left:18px; }
.pl24 { padding-left:24px; }

/* Margin */
.mt1 { margin-top:1px; }
.mt3 { margin-top:3px; }
.mt6 { margin-top:6px; }
.mt7 { margin-top:7px; }
.mt9 { margin-top:9px; }
.mt12 { margin-top:12px; }

.mr3 { margin-right:3px; }
.mr6 { margin-right:6px; }
.mr9 { margin-right:9px; }

.mb3 { margin-bottom:3px; }
.mb6 { margin-bottom:6px; }
.mb9 { margin-bottom:9px; }
.mb12 { margin-bottom:12px !important; }

.mb40 { margin-bottom:40px !important; }

.ml3 { margin-left:3px; }
.ml6 { margin-left:6px; }
.ml9 { margin-left:9px; }
.ml50 { margin-left:50px; }

/* parts */

.vt { vertical-align:top; }
.vm { vertical-align:middle !important; }
.vb { vertical-align:bottom; }

.float-r { float:right; }
.float-l { float:left; }
.clear-f { clear:both; }


.text-r { text-align:right; }
.text-c { text-align:center; }
.text-l { text-align:left; }

h1.inline,
h2.inline,
h3.inline,
h4.inline,
h5.inline,
h6.inline { display:inline; }

/* font */
.font-xs { font-size:70%; }
.font-s { font-size:90%; }
.text-ac { color:#D88CB6}
.bold { font-weight:bold; }
.underline {text-decoration: underline;}

/* list style ***********   */
/* inline */
ul.no-mark { list-style-type:none; }
ul.inline { list-style-type:none; }
	ul.inline li { display:inline; }
dl.inline dt { display:inline; }
dl.inline dd { display:inline; }

/* float */
ul.float-list { list-style-type:none; }
	ul.float-list li { float:left; }


/* padding */
ul.list-pb3 li { padding-bottom:3px; }
ul.list-pb6 li { padding-bottom:6px; }
ul.list-pb9 li { padding-bottom:9px; }
ul.list-pb12 li { padding-bottom:12px; }

ul.list-pr3 li { padding-right:3px; }
ul.list-pr6 li { padding-right:6px; }
ul.list-pr9 li { padding-right:9px; }
ul.list-pr12 li { padding-right:12px; }

/* margin */
ul.list-pm3 li { margin-bottom:3px; }
ul.list-pm6 li { margin-bottom:6px; }
ul.list-pm9 li { margin-bottom:9px; }
ul.list-pm12 li { margin-bottom:12px; }

/* list-style */
ul.list-style-number {
	list-style-type:decimal;
	list-style-position:inside;
}
.list-style-number-o {
	list-style-type:decimal;
	list-style-position:outside;
	margin-left:1.3em;
}
* html body .list-style-number-o{
	margin-left:1.8em;
}
.list-style-number-o2 {
	list-style-type:decimal;
	list-style-position:outside;
	margin-left:1.5em;
}
* html body .list-style-number-o2 {
	margin-left:2em;
	padding-left:.2em
}
ul.list-style-inside {
	list-style-position:inside;
}

/* table */
table.form {
	border-collapse:collapse;
	width:565px;
}
	table.form td {
		border:1px solid #CCC;
		padding:3px 6px;
	}
	table.form th {
		border:1px solid #CCC;
		background-color:#E1F3FF;
		padding:3px 6px;
	}
	table.form table td {	border:none; }
	table.form table th {	border:none; }
	
	table.td-bg td {
		background-color:#FFF;
	}
	table.td-bg th {
		color:#333;
	}


/* input */
input.text {
	border:1px solid #888;
	background-color:#F9F9F9;
	color:#555;
	padding-left:3px;
}

input.checkbox {
	vertical-align:middle;
}
input.submit {
	color:#555;
	padding-top:2px;
}
select {
	border:1px solid #888;
	background-color:#F9F9F9;
	color:#444;
}
select option {
	color:#444;
}
textarea {
	border:1px solid #888;
	background-color:#F9F9F9;
	color:#555;
}

/* ie */
* html body .ie-lheight {
	line-height:120%;
}


.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.float-list:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.float-list{display: inline-block;}

/* Hides from IE-mac \*/
* html .float-list{height: 1%;}
.float-list{display: block;}
/* End hide from IE-mac */  


