* {
	margin:0;
	padding:0;
}
body {	
	font:0.8em/1.5 "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica;
	color:#333;
	background:#9AE4E8 url('bg.gif') no-repeat fixed left top;
}

#title{
	margin:50px 0px 35px 0px;	
    width:600px;
    margin-left: auto;
    margin-right: auto;	
}

#title img {
	border:0; 
	width:150px;
}

#container {
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
	
    -moz-border-radius-topleft:6px;
    -moz-border-radius-topright:6px;
    -moz-border-radius-bottomleft:6px;
    -moz-border-radius-bottomright:6px;

    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -webkit-border-bottom-right-radius:6px;
}


#footer {
	text-align:center;
    margin-top: 10px;
	margin-bottom:30px;
    padding-bottom: 4px;
    -moz-border-radius-topleft:6px;
    -moz-border-radius-topright:6px;
    -moz-border-radius-bottomleft:6px;
    -moz-border-radius-bottomright:6px;

    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -webkit-border-bottom-right-radius:6px;
}

#container, #footer {
    background-color:#E0F4F8;
    padding-top: 10px;
    color: #000000;
	width:620px;
    margin-left: auto;
    margin-right: auto;
}

#footer_a {
    display:inline;
    word-spacing: 2px;
    font-size: 14px;
    padding-left: 10px;
}

/*text area*/
.form { padding: 20px 20px 10px; background: #E0F4F8; width: 580px; overflow: hidden; }
.form p { margin: 0 0 10px 0; float:left; clear:both; display: block; }
.form label { font: bold 0.9em Helvetica, Arial, sans-serif; color: #0077AA; padding: 0 0 0 5px;margin-right:20px;}
.form .w { float: left; clear: both; padding: 5px 5px 0; background: #D7EBEF; font: bold 0.8em Helvetica, Arial, sans-serif; color: #333; overflow: hidden; }
.form .w span { padding: 0 0 5px; float:left; }
.form .input { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 10px; margin: 0 0 5px 0; width: 537px;height:100px;  }
.form .w label { padding:0; }


#footer a, .links {font: 1em Helvetica, Arial, sans-serif; color: #0cc; border-bottom: 1px dotted #0cc;text-decoration:none;}

div #buttons {
	/*align center, very useful*/
    float:left;                
    width:500px;
    position: relative;
    left:50%;
    margin-left: -250px;
	text-align:center;
}

#previewBtn {
	margin-left: 180px;
	margin-right: 20px;
	float:left;                
    position: relative;
}

#copyBtn {
	/*align center, very useful*/
    float:left;                
    width:120px;
    position: relative;
    left:50%;
    margin-left: -60px;
	margin-bottom:20px;
}

#linkurl {
	margin:0px 0px 8px 0px;
	padding:5px;
	border:1px dotted #9f2828; 
	background:#ff6;
}

#openlink {
	float:right;
}

/* Button style */
.btn { display: block; position: relative; background: #aaa; padding: 5px 10px 5px 10px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(../images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

/* @font-face styles */
@font-face {
	font-family: 'hakuyoxingshu7000Regular';
	src: url('7000.eot');
	src: local('hakuyoxingshu7000 Regular'), local('hakuyoxingshu7000'), url('7000.ttf') format('truetype'), url('7000.svg#hakuyoxingshu7000') format('svg');
}

#preview{
	 font-size:30px;
     font-family:hakuyoxingshu7000Regular;
	 line-height:150%;
	 
	 width:550px;
	 margin:25px 20px 0px 20px;
	 padding:10px;
}

#resultlink, #preview, #footer, .clear {
	clear:both;
}

#loading {
	font-size:12px;
	background:#FF0000;
	color:#FFFFFF;
	padding:5px 10px;
	margin-left:30px;
}