html{font-size:62.5%;}



body{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.2em;

	background: #f5f5f5;

	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: 980px;

	text-align: left;

	border: 2px solid #ccc;

	border-top: none;

	background: #fff;

}



a{

	color: #404040;

	text-decoration: none;

	outline:none;

}



a:hover{color: #000000;}



.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, textarea{

  font-size: 1.1em;

  font-family: Verdana, Arial, Helvetica, sans-serif;

}



select, textarea{color: #667;}



textarea{height: 150px;}



input.editFull, select.editFull, textarea.editFull{width: 400px;}

input.editHalf, select.editHalf, textarea.editHalf{width: 150px;}

input.editQuarter, select.editQuarter, textarea.editQuarter{width: 80px;}

input.editLeft{text-align: left;}

input.editCenter{text-align: center;}

input.editRight{text-align: right;}



textarea.editor{width: 535px;}



/* 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;}

hr{
  margin-top: 10px;
  color: #ccc;
  background-color: #ccc;
  height: 1px;
}