/*------------------------------------------------------------
| default.css - v2.11
| Copyright (c) 2006 Tadpole Solutions
| Written by: Joel Millin (jomi@tadpole-online.com)
+-------------------------------------------------------------
| NOTE: [ie:win:<7] requires "shitbox.css"
+-------------------------------------------------------------
| NOTE: There is a major problem with [ie] (Win & Mac) in regards to multiple class type definitions!!
| Only the last "Class" label is recognized at definition, the rest are ignored!!
| e.g. [ie] sees ".txt.xl" as ".xl" only. Mixed type definitions (e.g. "#txt.xl") work fine.
+-------------------------------------------------------------
| v2.12[07.01.07]
| + changed form-grp styling
|   +  all "finp-grp" children -> "vertical-align:middle"
+-------------------------------------------------------------
| v2.11[06.11.30]
| + changed list styles
|   + "ls-row" & "ls-col" are now applicable to all list types (<ol><ul><dl>)
|   + added "ls-cmpt"
+-------------------------------------------------------------
| v2.1[06.10.23]
| + reorganized styles
+-------------------------------------------------------------
| v2.0[06.01.20]
| + complete rewrite
| + ".cgrp" rewriten
| + <form> styles rewriten
+-----------------------------------------------------------*/

/*------------------------------------------------------------
| default (reset) HTML elements
+-----------------------------------------------------------*/

/*-- default font styling --*/
html {
	font-size: 12px;
	line-height: 1.5em;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Osaka,'ＭＳ Ｐゴシック',Arial,sans-serif;
}
/* [ie:mac] interprets the first available font for all languages!! */
/*-- [ie:mac] only [begin] --\*//*/
html { font-family: 'ヒラギノ角ゴ Pro W3',Osaka; }
input, textarea, select { font-family: Osaka; }
/*-- [ie:mac] only [end] --*/

/*-- default all elements --*/
html * {
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: scroll;
	clear: none;
}

/*-- set defaults by tag type --
tags must be defined individually because setting all elements via "*" screws up <form> elements */
body, div, span, a, table, tbody, tr, th, td, form, /*-- basic elements --*/
p, h1, h2, h3, h4, h5, h6, /*-- <p><h_> elements --*/
ul, ol, li, dl, dt, dd, /*-- list elements --*/
address, blockquote, center, del, ins, noscript, pre, /*-- special block elements --*/
abbr, acronym, cite, code, dfn, del, em, ins, kbd, samp, strong, var /*-- phrase elements --*/
{
	font-style: normal;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: solid;
	border-color: inherit;
	outline-width: 0px;
	outline-style: solid;
}

/*-- <a> element --*/
a { color: blue; cursor: pointer; }
a:visited { color: green; }
a:hover { color: black; }
a:active { color: red; }

/*-- <h_><p> elements --*/
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 0.92em; }
h1, h2, h3, h4 { font-weight: bold; }
h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6 { line-height: 1.25em; }
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * { line-height: 1em; }
p, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; }

/*-- <img> element --*/
img {
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	border-style: none;
}

/*-- <table> element --*/
table {
	border-spacing: 0px; /* [ie:mac] doesn't recognize this! Use cellspacing="0" */
	empty-cells: show;
}

/*-- list elements --*/
ol, ul, dl, li, dt, dd { margin: 0.25em 0px; }
li { margin-left: 3em; }
ol * li, ul * li { margin-left: 2em; }
dd { margin-left: 1em; }

/*-- form elements --*/
input, textarea, select, option, button {
	font-size: 1em;
	font-style: normal;
	line-height: 1.25em;
	/*vertical-align: middle;*/
	margin: 0px;
}
/*-- [ie:mac] input fixes [begin] --\*//*/
input.btn { padding: 1px 0px; }
button { padding: 0px 2px 2px; }
/*-- [ie:mac] input fixes [end] --*/

/*------------------------------------------------------------
| grouping styles
+-------------------------------------------------------------
| NOTE: when using "cgrp" browsers that recognize "display:table" (not [ie])
| all direct descendents are treated as cells so whitespace is ignored.
| If direct inline content is desired, place content in a <div> tag.
+-------------------------------------------------------------
| clear group / float group
| ".cgrp" : clear content as block (full width)
| ".hgrp" : clear content as inline
| Inspired by "clearfix" hack.
| + http://www.positioniseverything.net/
| + http://csscreator.com/
| NOTE: horizontal padding, borders and margins can't be used with ".cgrp" so use an internal <div> instead.
| NOTE: [ie] mac & win don't recognize "table"
| NOTE: [ff] doesn't recognize "inline-block"
| NOTE: [ff] has problems with nested right floating ".fgrp"s (test well my son!)
| BUG: [ff] has problems with <select>s in ".cgrp"s -> causes elements to the right to clear.
|      I think it has something to do with the <option> tag.
| -> WORKAROUND: use a clearing div (<div class="cl-b"></div>) instead of ".cgrp".
+-----------------------------------------------------------*/

.cgrp, .fgrp {
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	display: table !important;
}
/*-- [ie:mac] only [begin] --\*//*/
* html .cgrp, * html .fgrp { display: inline-block !important; }
/*-- [ie:mac] only [end] --*/

.cgrp { width: 100% !important; }
.fgrp { float: left; }

/*------------------------------------------------------------
| common <a> styles
+-----------------------------------------------------------*/

a.img { background-color: transparent !important; }

/*------------------------------------------------------------
| common font/text styles
+-----------------------------------------------------------*/

/*-- "static" font sizes --*/
.fs-xxxl { font-size: 24px; }
.fs-xxl  { font-size: 18px; }
.fs-xl   { font-size: 15px; }
.fs-l    { font-size: 13px; }
.fs-m    { font-size: 12px; }
.fs-s    { font-size: 11px; }
.fs-xs   { font-size: 10px; }
.fs-xxs  { font-size:  9px; }

/*-- "relative" font sizes --*/
.fs-u5 { font-size: 2.5em; }
.fs-u4 { font-size: 2.0em; }
.fs-u3 { font-size: 1.75em; }
.fs-u2 { font-size: 1.5em; }
.fs-u1 { font-size: 1.25em; }
.fs-d1 { font-size: 0.8em; }
.fs-d2 { font-size: 0.75em; }
.fs-d3 { font-size: 0.67em; }
.fs-d4 { font-size: 0.5em; }
.fs-d5 { font-size: 0.45em; }

/*-- font styles --*/
.ft-n { font-weight: normal; }
.ft-b { font-weight: bold; }
.ft-i { font-style: italic; }

/*-- text decoration --*/
.td-o { text-decoration: overline; }
.td-s { text-decoration: line-through; }
.td-u { text-decoration: underline; }
.td-b { text-decoration: blink; }
.td-n { text-decoration: none; }

/*-- line-height --*/
.lh-xl  { line-height: 2em !important; }
.lh-l   { line-height: 1.8em !important; }
.lh-m   { line-height: 1.5em !important; }
.lh-s   { line-height: 1.25em !important; }
.lh-xs  { line-height: 1.1em !important; }
.lh-n   { line-height: 1em !important; }
.lh-inh { line-height: inherit !important; }

/*-- white space --*/
.ws-n  { white-space: normal !important; }
.ws-p  { white-space: pre !important; }
.ws-nw { white-space: nowrap !important; }
/*.ws-pw { white-space: pre-wrap !important; }*/
/*.ws-pl { white-space: pre-line !important; }*/
.ws-inh { white-space: inherit !important; }

/*------------------------------------------------------------
| common alignment styles
+-----------------------------------------------------------*/

/*-- text align --*/
.ta-l   { text-align: left !important; }
.ta-c   { text-align: center !important; }
.ta-r   { text-align: right !important; }
.ta-j   { text-align: justify !important; }
.ta-inh { text-align: inherit !important; }

/*-- vertical align --*/
.va-t   { vertical-align: top !important; }
.va-m   { vertical-align: middle !important; }
.va-b   { vertical-align: bottom !important; }
.va-tt  { vertical-align: text-top !important; }
.va-tb  { vertical-align: text-bottom !important; }
.va-sup { vertical-align: super !important; }
.va-sub { vertical-align: sub !important; }
.va-inh { vertical-align: inherit !important; }

/*-- content alignment --*/
.a-tl, .a-tc, .a-tr, .a-t { vertical-align: top !important; }
.a-ml, .a-mc, .a-mr, .a-m { vertical-align: middle !important; }
.a-bl, .a-bc, .a-br, .a-b { vertical-align: bottom !important; }
.a-tl, .a-ml, .a-bl, .a-l { text-align: left !important; }
.a-tc, .a-mc, .a-bc, .a-c { text-align: center !important; }
.a-tr, .a-mr, .a-br, .a-r { text-align: right !important; }

/*------------------------------------------------------------
| common list styles
+-----------------------------------------------------------*/

.ls-d { list-style-type: disc; }
.ls-c { list-style-type: circle; }
.ls-s { list-style-type: square; }
.ls-1 { list-style-type: decimal; }
.ls-a { list-style-type: lower-alpha; }
.ls-A { list-style-type: upper-alpha; }
.ls-r { list-style-type: lower-roman; }
.ls-R { list-style-type: upper-roman; }
.ls-n { list-style-type: none; }

/*-- compact list --*/
.ls-cmpt, .ls-cmpt li, .ls-cmpt dt, .ls-cmpt dd {
	margin-top: 0px;
	margin-bottom: 0px;
}

/*-- col/row (navigation) lists --*/
.ls-row, .ls-col,
.ls-row ol, .ls-col ol,
.ls-row ul, .ls-col ul,
.ls-row dl, .ls-col dl,
.ls-row li, .ls-col li,
.ls-row dt, .ls-col dt,
.ls-row dd, .ls-col dd { margin: 0px; }
.ls-row, .ls-col,
.ls-row ol, .ls-col ol,
.ls-row ul, .ls-col ul,
.ls-row dl, .ls-col dl { display: table; }
/*-- [ie:mac] fixes [begin] --\*//*/
.ls-row, .ls-col,
.ls-row ol, .ls-col ol,
.ls-row ul, .ls-col ul,
.ls-row dl, .ls-col dl { display: inline-block; }
/*-- [ie:mac] fixes [end] --*/
.ls-row li, .ls-col li,
.ls-row dt, .ls-col dt,
.ls-row dd, .ls-col dd { list-style: none; }
.ls-row li, .ls-row dt, .ls-row dd, .ls-row a { text-align: left; float: left; }
.ls-col a { display: block; }

/*------------------------------------------------------------
| common floating/clearing styles
+-----------------------------------------------------------*/

.fl-l, .cfl-l, .cfl-bl { float: left; margin: 0px; }
.fl-r, .cfl-r, .cfl-br { float: right; margin: 0px; }
.fl-n { float: none; }
.fl-inh { float: inherit; }
.cl-l, .cfl-l { clear: left; }
.cl-r, .cfl-r { clear: right; }
.cl-b, .cfl-bl, .cfl-br { clear: both; }
.cl-n { clear: none; }
.cl-inh { clear: inherit; }

/*------------------------------------------------------------
| common padding styles
+-----------------------------------------------------------*/

.p-xxl { padding: 48px !important; }
.p-xl  { padding: 32px !important; }
.p-l   { padding: 24px !important; }
.p-m   { padding: 16px !important; }
.p-s   { padding: 12px !important; }
.p-xs  { padding:  8px !important; }
.p-xxs { padding:  4px !important; }
.p-n   { padding:  0px !important; }

/* local assignment must be defined after for cascade */

.ptb-xxl, .pt-xxl { padding-top: 48px !important; }
.ptb-xl, .pt-xl   { padding-top: 32px !important; }
.ptb-l, .pt-l     { padding-top: 24px !important; }
.ptb-m, .pt-m     { padding-top: 16px !important; }
.ptb-s, .pt-s     { padding-top: 12px !important; }
.ptb-xs, .pt-xs   { padding-top:  8px !important; }
.ptb-xxs, .pt-xxs { padding-top:  4px !important; }
.ptb-n, .pt-n     { padding-top:  0px !important; }

.ptb-xxl, .pb-xxl { padding-bottom: 48px !important; }
.ptb-xl, .pb-xl   { padding-bottom: 32px !important; }
.ptb-l, .pb-l     { padding-bottom: 24px !important; }
.ptb-m, .pb-m     { padding-bottom: 16px !important; }
.ptb-s, .pb-s     { padding-bottom: 12px !important; }
.ptb-xs, .pb-xs   { padding-bottom:  8px !important; }
.ptb-xxs, .pb-xxs { padding-bottom:  4px !important; }
.ptb-n, .pb-n     { padding-bottom:  0px !important; }

.plr-xxl, .pl-xxl { padding-left: 48px !important; }
.plr-xl, .pl-xl   { padding-left: 32px !important; }
.plr-l, .pl-l     { padding-left: 24px !important; }
.plr-m, .pl-m     { padding-left: 16px !important; }
.plr-s, .pl-s     { padding-left: 12px !important; }
.plr-xs, .pl-xs   { padding-left:  8px !important; }
.plr-xxs, .pl-xxs { padding-left:  4px !important; }
.plr-n, .pl-n     { padding-left:  0px !important; }

.plr-xxl, .pr-xxl { padding-right: 48px !important; }
.plr-xl, .pr-xl   { padding-right: 32px !important; }
.plr-l, .pr-l     { padding-right: 24px !important; }
.plr-m, .pr-m     { padding-right: 16px !important; }
.plr-s, .pr-s     { padding-right: 12px !important; }
.plr-xs, .pr-xs   { padding-right:  8px !important; }
.plr-xxs, .pr-xxs { padding-right:  4px !important; }
.plr-n, .pr-n     { padding-right:  0px !important; }

.p-inh            { padding: inherit !important; }
.ptb-inh, .pt-inh { padding-top: inherit !important; }
.ptb-inh, .pb-inh { padding-bottom: inherit !important; }
.plr-inh, .pl-inh { padding-left: inherit !important; }
.plr-inh, .pr-inh { padding-right: inherit !important; }

/*------------------------------------------------------------
| common margin styles
+-----------------------------------------------------------*/

.m-xxl { margin: 48px !important; }
.m-xl  { margin: 32px !important; }
.m-l   { margin: 24px !important; }
.m-m   { margin: 16px !important; }
.m-s   { margin: 12px !important; }
.m-xs  { margin:  8px !important; }
.m-xxs { margin:  4px !important; }
.m-n   { margin:  0px !important; }

/* local assignment must be defined after for cascade*/

.mtb-xxl, .mt-xxl { margin-top: 48px !important; }
.mtb-xl, .mt-xl   { margin-top: 32px !important; }
.mtb-l, .mt-l     { margin-top: 24px !important; }
.mtb-m, .mt-m     { margin-top: 16px !important; }
.mtb-s, .mt-s     { margin-top: 12px !important; }
.mtb-xs, .mt-xs   { margin-top:  8px !important; }
.mtb-xxs, .mt-xxs { margin-top:  4px !important; }
.mtb-n, .mt-n     { margin-top:  0px !important; }

.mtb-xxl, .mb-xxl { margin-bottom: 48px !important; }
.mtb-xl, .mb-xl   { margin-bottom: 32px !important; }
.mtb-l, .mb-l     { margin-bottom: 24px !important; }
.mtb-m, .mb-m     { margin-bottom: 16px !important; }
.mtb-s, .mb-s     { margin-bottom: 12px !important; }
.mtb-xs, .mb-xs   { margin-bottom:  8px !important; }
.mtb-xxs, .mb-xxs { margin-bottom:  4px !important; }
.mtb-n, .mb-n     { margin-bottom:  0px !important; }

.mlr-xxl, .ml-xxl { margin-left: 48px !important; }
.mlr-xl, .ml-xl   { margin-left: 32px !important; }
.mlr-l, .ml-l     { margin-left: 24px !important; }
.mlr-m, .ml-m     { margin-left: 16px !important; }
.mlr-s, .ml-s     { margin-left: 12px !important; }
.mlr-xs, .ml-xs   { margin-left:  8px !important; }
.mlr-xxs, .ml-xxs { margin-left:  4px !important; }
.mlr-n, .ml-n     { margin-left:  0px !important; }

.mlr-xxl, .mr-xxl { margin-right: 48px !important; }
.mlr-xl, .mr-xl   { margin-right: 32px !important; }
.mlr-l, .mr-l     { margin-right: 24px !important; }
.mlr-m, .mr-m     { margin-right: 16px !important; }
.mlr-s, .mr-s     { margin-right: 12px !important; }
.mlr-xs, .mr-xs   { margin-right:  8px !important; }
.mlr-xxs, .mr-xxs { margin-right:  4px !important; }
.mlr-n, .mr-n     { margin-right:  0px !important; }

.m-inh            { margin: inherit !important; }
.mtb-inh, .mt-inh { margin-top: inherit !important; }
.mtb-inh, .mb-inh { margin-bottom: inherit !important; }
.mlr-inh, .ml-inh { margin-left: inherit !important; }
.mlr-inh, .mr-inh { margin-right: inherit !important; }

/*------------------------------------------------------------
| common width/height styles
+-------------------------------------------------------------
| NOTE: None of the current browsers support "height" percentages,
| so only <td>s in a <table> set to a static height can use these correctly.
+-----------------------------------------------------------*/

.w-xxl { width: 400px !important; }
.w-xl  { width: 240px !important; }
.w-l   { width: 160px !important; }
.w-m   { width: 120px !important; }
.w-s   { width: 80px !important; }
.w-xs  { width: 40px !important; }
.w-xxs { width: 20px !important; }
.w-100 { width: 100% !important; }
.w-50  { width: 50% !important; }
.w-25  { width: 25% !important; }
.w-a   { width: auto !important; }
.w-inh { width: inherit !important; }
.h-100 { height: 100% !important; }
.h-50  { height: 50% !important; }
.h-25  { height: 25% !important; }
.h-a   { height: auto !important; }
.h-inh { height: inherit !important; }

/*------------------------------------------------------------
| common background styles
+-----------------------------------------------------------*/

.bgr-n   { background-repeat: no-repeat; }
.bgr-r   { background-repeat: repeat; }
.bgr-x   { background-repeat: repeat-x; }
.bgr-y   { background-repeat: repeat-y; }
.bgr-inh { background-repeat: inherit; }

.bga-s   { background-attachment: scroll; }
.bga-f   { background-attachment: fixed; }
.bga-inh { background-attachment: inherit; }

.bgp-tl  { background-position: left top; }
.bgp-tc  { background-position: center top; }
.bgp-tr  { background-position: right top; }
.bgp-ml  { background-position: left center; }
.bgp-mc  { background-position: center center; }
.bgp-mr  { background-position: right center; }
.bgp-bl  { background-position: left bottom; }
.bgp-bc  { background-position: center bottom; }
.bgp-br  { background-position: right bottom; }
.bgp-inh { background-position: inherit; }

/*------------------------------------------------------------
| common content display styles
+-----------------------------------------------------------*/

.disp-b   { display: block !important; }
.disp-i   { display: inline !important; }
.disp-li  { display: list-item !important; }
/*.disp-ri  { display: run-in !important; }*/
/*.disp-ib  { display: inline-block !important; }*/
.disp-t   { display: table !important; }
/*.disp-it  { display: inline-table !important; }*/
.disp-tr  { display: table-row !important; }
.disp-tc  { display: table-column !important; }
.disp-td  { display: table-cell !important; }
.disp-tcp { display: table-caption !important; }
.disp-trg { display: table-row-group !important; }
.disp-thg { display: table-header-group !important; }
.disp-tfg { display: table-footer-group !important; }
.disp-tcg { display: table-column-group !important; }
.disp-n   { display: none !important; }
.disp-inh { display: inherit !important; }

/*------------------------------------------------------------
| content hiding
+-------------------------------------------------------------
| [ie:win] screws up display hiding in specific cases (e.g. anchors within lists)
| NOTE: There are times when the opposite is true, so try ".disp-n" first, if it doesn't work try ".hide"
+-----------------------------------------------------------*/

.hide, samp { display: none; }
/*-- [ie:win] only [begin] --\*/
* html .hide {
	line-height: 200% !important;
	width: 1px !important;
	height: 4px !important;
	margin: -4px 0px 0px -1px !important;
	display: block !important;
	visibility: hidden !important;
	overflow: hidden !important;
}
/*-- [ie:win] only [end] --*/

/*------------------------------------------------------------
| common overflow styles
+-----------------------------------------------------------*/

.of-v   { overflow: visible; }
.of-h   { overflow: hidden; }
.of-s   { overflow: scroll; }
.of-a   { overflow: auto; }
.of-inh { overflow: inherit; }

/*------------------------------------------------------------
| common visibility styles
+-----------------------------------------------------------*/

.vis-v   { visibility: visible; }
.vis-h   { visibility: hidden; }
.vis-c   { visibility: collapse; }
.vis-inh { visibility: inherit; }

/*------------------------------------------------------------
| common positioning styles
+-----------------------------------------------------------*/

.pos-a   { position: absolute; }
.pos-f   { position: fixed; }
.pos-r   { position: relative; }
.pos-s   { position: static; }
.pos-inh { position: inherit; }

/*------------------------------------------------------------
| common cursor styles
+-----------------------------------------------------------*/

.crs-d  { cursor: default; }
.crs-a  { cursor: auto; }
.crs-p  { cursor: pointer; /*cursor: hand;*/ }
.crs-c  { cursor: crosshair; }
.crs-m  { cursor: move; }
.crs-t  { cursor: text; }
.crs-w  { cursor: wait; }
/*.crs-prg { cursor: wait; cursor: progress; }*/
.crs-h  { cursor: help; }
.crs-n  { cursor: n-resize; }
.crs-nw { cursor: nw-resize; }
.crs-w  { cursor: w-resize; }
.crs-sw { cursor: sw-resize; }
.crs-s  { cursor: s-resize; }
.crs-se { cursor: se-resize; }
.crs-e  { cursor: e-resize; }
.crs-ne { cursor: ne-resize; }
/*.crsr-na { cursor: not-allowed; }*/

/*------------------------------------------------------------
| common form element styles
+-----------------------------------------------------------*/

/*-- custom input styling --*/
.finp, .fsel, .fbtn, .fchk, .frad, label { cursor: pointer; }
.finp-i, .finp-o, .fsel, .fbtn { border: 1px solid; }
.finp-i { border-color: #666 #999 #999 #666; }
.finp-o, .fsel, .fbtn { border-color: #999 #666 #666 #999; }

.ftbl { width: 100%; }
.ftbl td { padding-top: 2px; padding-bottom: 2px; }

.fttl, .fttl-req {
	text-align: right !important;
	white-space: nowrap;
	padding-right: 12px;
}

.finps input { cursor: pointer; }
/*-- form element container styling --*/
/*-- in the future build a <dl> version (that works in [ie:win]!!) --*/
div.finp-grp { padding: 2px; }

table.finp-grp { ; }
table.finp-grp th, table.finp-grp td {
	font-weight: normal;
	line-height: 1.25em;
}
table.finp-grp th {
	text-align: right;
	white-space: nowrap;
	width: 25%;
	padding: 2px 4px 2px 0px;
}
table.finp-grp td {
	padding: 2px 0px;
}
table.finp-grp em {
	color: #666;
	font-size: 11px;
	line-height: 1.25em;
}

/*table.finp-grp tr th, span.freq { padding-right: 13px; }*/
table.finp-grp tr.freq th, span.freq { background: no-repeat right center; }
table.finp-grp tr.noreq th { padding-right: 4px; }
table.finp-grp tr.nopad th, table.finp-grp tr.nopad td { padding-top: 0px; }

/*------------------------------------------------------------
| special case styles
+-------------------------------------------------------------
| minimum width/height element
| If a minimum width/height is required and "min-width/min-height" doesn't work (e.g. [ie]):
| At the begining of content, add <div class="[minW|minH]"></div> and set the width/height in the main stylesheet, a seperate style or through the style attribute
| For "minH", add <div class="cl-b"></div> to the end of content to clear the min height object or see below.
| NOTE: <td>s work fine but <div>s must be "inline-block|inline-table|table" or "floating" for this to work correctly!
| NOTE: [ff] doesn't recognize "inline-block" or "inline-table"!!
| NOTE: [ie:mac] doesn't recognize "table"!!
+-----------------------------------------------------------*/

.minW {
	height: 0px;
	overflow: hidden;
	display: block;
}
.minH {
	width: 1px;
	overflow: hidden;
	margin-right: -1px;
	float: left;
}