html{font-size:62.5%;}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	background: #000 no-repeat;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
}

div,h1,h2,h3,h4,ul,ol,li,form,fieldset,table,td,th,hr,p.clear,p{
	margin:0;
	padding:0;
}

fieldset{border: none;}

.clear{
	font-size:1px;
	margin:0;
	padding:0;
	border:none;
	clear:both;
}

img{border:none;}

ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

hr{
	border: none;
	height: 2px;
	color: #fff;
	background: #fff;
	border-color: #fff;
	margin: 5px 0;
}

div#doc{
	margin: 0 auto;
	width: 819px;
	text-align: left;
}

a{
	color: #06c;
	text-decoration: none;
	outline:none;
}

a:hover{color: #f60;}

.cf:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.cf{display: inline-block;}

/* b-hack \*/
* html .cf{height: 1%;}
.cf{display: block;}
/* b-hack END */

input, select{font-size: 1.1em;}

/* BOX */
div#warningBox, 
div#infoBox {
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  margin-bottom: 10px;
}

div#warningBox p,
div#warningBox ul,
div#infoBox p,
div#infoBox ul {padding-left: 25px;}

div#warningBox .title,
div#infoBox .title {
  font-weight: bold;
  color: #c00;
}

div#warningBox ul,
div#infoBox ul {
  list-style-type: disc;
  list-style-position: inside;
}

div.warning {
  background-color: #fff4c2;
  border-color: #fc3;
}

div.info {
  background-color: #f4ffc2;
  border-color: #cf3;
}

div.error {
  background-color: #f99;
  border-color: #966;
}

div.warning p {background: url(../img/warning.gif) no-repeat;}
div.info p {background: url(../img/ok.gif) no-repeat;}
div.error p {background: url(../img/error.gif) no-repeat;}