html{overflow-y:scroll;*overflow:auto;}
body{}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,p,hr,blockquote,address,pre,code,form,fieldset,legend,textarea,input,button,th,td{margin:0;padding:0;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; } 
li{list-style:none}
a { text-decoration: none;}
a:hover { text-decoration: underline;}
sup { vertical-align: text-top; } 
sub { vertical-align: text-bottom; }
body,button, input, select, textarea  {
    font: 14px/1.5 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight: normal;}
address, cite, dfn, em, var,strong,th { font-style:normal; font-weight: normal;} 
code, kbd, pre, samp,tt { font-family: Lucida Console, Monaco, Courier New, mono, monospace; }
small { font-size: 12px; } 
abbr, acronym {
    border: 0;
}
button, input, select, textarea { font-size: 100%; }
legend { color: #000;}
q:before, q:after {
    content:"";
}
hr{margin:1em 0;}
/*following is the Clear*/
.clearfix:after {
  content: "\20";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix{display: block;
}
/*---------------------------------*/
/*Spacing*/
.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}
.mEmx{margin:1em;}
.mr-10{margin-right:-10px;}
.mr-20{margin-right:-20px;}
.mb-10{margin-bottom:-10px;}
.mb-20{margin-bottom:-20px;}
.ml-10{margin-left:-10px;}
.ml-20{margin-left:-20px;}
.mt-10{margin-top:-10px;}
.mt-20{margin-top:-20px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mtEmx{margin-top:1em;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mrEmx{margin-right:1em;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mbEmx{margin-bottom:1em;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.mlEmx{margin-left:1em;}
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.pEmx{padding:1em;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.plEmx{padding-left:1em;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.prEmx{padding-right:1em;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pbEmx{padding-bottom:1em;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.ptEmx{padding-top:1em;}
.min700{min-width:700px}
/*manipulating*/
.unl{text-decoration:underline;}
.b{font-weight:bold;}
.l{float:left;}
.r{float:right;}
.oh{overflow:hidden;}
.setI{display:inline;}
.setB{display:block;}
.setIB{display:inline-block;}
.pa{position:absolute;}
.pr{position:relative;}
.tC{text-align:center;}
.tR{text-align:right;}
.tL{text-align:left;}
.cTL,.cTR,.cBL,.cBR{position:absolute;}
.cTL{top:0;left:0;}
.cTR{top:0;right:0;}
.cBL{bottom:0;left:0;}
.cBR{bottom:0;right:0;}
.clearStyle{border:none;background:none;}
.clearOl{
	text-decoration:none;
}
.clearOl:focus{
		-moz-outline:none;
		outline:none;
	}
.clearOl:hover{
	text-decoration:none;
}
.pointer{cursor:pointer;}
.hide{
	display:none;
}
.wrapper{margin:0 auto;}
/*---------------------------------*/
.zl:before, .zl:after {
    content: "";
    display: table;
}

.zl:after {
    clear: both;
}

.zl { *zoom:
    1;
}

.unit {
    float: left;
}

.zu-1 {
    display: block;
}

.zu-1-2 {
    width: 50%;
}

.zu-1-3 {
    width: 33.33333%;
}

.zu-2-3 {
    width: 66.66666%;
}

.zu-1-4 {
    width: 25%;
}

.zu-3-4 {
    width: 75%;
}

.zu-1-5 {
    width: 20%;
}

.zu-2-5 {
    width: 40%;
}

.zu-3-5 {
    width: 60%;
}

.zu-4-5 {
    width: 80%;
}

.zu-1-6 {
    width: 16.656%;
}

.zu-5-6 {
    width: 83.33%;
}

.zu-1-8 {
    width: 12.5%;
}

.zu-3-8 {
    width: 37.5%;
}

.zu-5-8 {
    width: 62.5%;
}

.zu-7-8 {
    width: 87.5%;
}

.zu-1-12 {
    width: 8.3333%;
}

.zu-5-12 {
    width: 41.6666%;
}

.zu-7-12 {
    width: 58.3333%;
}

.zu-11-12 {
    width: 91.6666%;
}

.zu-1-24 {
    width: 4.1666%;
}

.zu-5-24 {
    width: 20.8333%;
}

.zu-7-24 {
    width: 29.1666%;
}

.zu-11-24 {
    width: 45.8333%;
}

.zu-13-24 {
    width: 54.1666%;
}

.zu-17-24 {
    width: 70.8333%;
}

.zu-19-24 {
    width: 79.1666%;
}

.zu-23-24 {
    width: 95.8333%;
}

.lastUnit {
    float: none\9;
    display: block\9;
    display: table-cell\9;
    width: 9999em\9;
    *width:auto;
    * zoom: 1;
    _position: relative;
    _left:
    -3px;
    _margin-right:
    -3px;
}
/*---------------------------------*/
/*General tag setting,recovery form reset*/
h1,h2,h3,h4,h5,h6,strong {
	font-weight:bold; 
}
abbr,acronym {	
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	font-style:italic;
}
th,legend{
	font-weight:bold;
}
hr{margin:1em 0;}
/*Table!!!!*/
caption,tr,th {
	text-align:center;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
/*Inputs!!!!*/
input[type = 'radio'], input[type = 'checkbox'], input[type = 'text'], input[type = 'password'] {
    vertical-align: middle;
}
input[type = 'text'], textarea, input[type = 'password'], select {
    border-width: 1px;
    border-color: #A7A6AA;
    border-style: solid;
    padding: 2px;
    background: url("img/input.gif") white no-repeat 0px 0px;
}
input[type = 'text']:focus, textarea:focus, input[type = 'password']:focus {
    border: 1px solid #666;
}
fieldset {
    border: 1px solid #ddd;
    padding: 10px 20px 10px 20px;
	float:left;
}
fieldset {
    padding: 0 20px\9}
	legend{margin-bottom:15px\9}
label:hover {
    cursor: pointer;
}