body {
	font: 12px/18px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	height:100%;
}

#container01 {
	width: 100%;
	height: auto;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	position: absolute;
	background-color:#333;
}

#wrapper01 {
	width: 450px;
	height: 700px;
	margin: 0 auto;
	background-color: #999;
}

#content01 {
	width: 430px;
	padding: 0 10px;
	height: 100%;

	background-color: #ffffff;
	/* background: #ffffff url(../image-form/autojini.jpg) no-repeat top center; */
}

#feedbackform-top {
	width: 430px;
	height: 15px;
	margin-top:10px;
	float: left;
	background: #ffffff url(../image-form/feedbackform-top.jpg) no-repeat top left;
}

#feedbackform-logo {
	width: 430px;
	height: 50px;
	float: left;
	background: #ffffff url(../image-form/feedbackform-logo.jpg) repeat-y top left;
}

#feedbackform-emoticon {
	width: 430px;
	height: 55px;
	float: left;
	background: #ffffff url(../image-form/feedbackform-emoticon.jpg) no-repeat top left;
}

#feedbackform-middle {
	width: 430px;
	height: auto;
	float: left;
	background: #ffffff url(../image-form/feedbackform-middle.jpg) repeat-y top left;
}

#feedbackform-bottom {
	width: 430px;
	height: 40px;
	float: left;
	background: #ffffff url(../image-form/feedbackform-bottom.jpg) no-repeat top left;
}

#companylogo01 {
	width: 150px;
	height: 50px;
	float: left;
	background: #ffffff url(../image-form/logo.jpg) no-repeat top left;
	margin-left: 20px;
}

#emoticon-box {
	width: 400px;
	height: 40px;
	float: left;
	border:1px solid #bcc6cf;
	background-color: #ffffff;
	margin: 5px 0 0 15px;
}

*html #emoticon-box {
	margin: 5px 0 0 7px;
}

*+html #emoticon-box {
	margin: 5px 0 0 15px;
}

#emoticon-text {
	width: 190px;
	height: 30px;
	float: left;
	font: 700 12px Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 10px 0 0 10px
}

#emoticon-icons {
	width: 40px;
	height: 40px;
	float: left;
}

#emoticon-iconsbox {
	width: 200px;
	height: 40px;
	float: left;
}

#emoticon-iconsbox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#emoticon-iconsbox li {
	float: left;
	text-align: left;
	vertical-align: middle;
}

#emoticon-iconsbox li a.emoticonlink1 {
	width: 40px;
	height: 40px;
	float: left;
	padding: 0;
	margin: 0;
	background: transparent url(../image-form/emoticon1.gif) no-repeat center center;	
}

#emoticon-iconsbox li a.emoticonlink2 {
	width: 40px;
	height: 40px;
	float: left;
	padding: 0;
	margin: 0;	
	background: transparent url(../image-form/emoticon2.gif) no-repeat center center;
}

#emoticon-iconsbox li a.emoticonlink3 {
	width: 40px;
	height: 40px;
	float: left;
	padding: 0;
	margin: 0;	
	background: transparent url(../image-form/emoticon3.gif) no-repeat center center;
}

#emoticon-iconsbox li a.emoticonlink4 {
	width: 40px;
	height: 40px;
	float: left;
	padding: 0;
	margin: 0;	
	background: transparent url(../image-form/emoticon4.gif) no-repeat center center;
}

#emoticon-iconsbox li a.emoticonlink5 {
	width: 40px;
	height: 40px;
	float: left;
	padding: 0;
	margin: 0;	
	background: transparent url(../image-form/emoticon5.gif) no-repeat center center;
}
#emoticon-iconsbox li .emoticonlink1:hover, #emoticon-iconsbox li .emoticonlink1_active {
	width: 40px;
	height: 40px;
	float:left;
	background: transparent url(../image-form/emoticon1-hover.gif) no-repeat center center;
}

#emoticon-iconsbox li .emoticonlink2:hover, #emoticon-iconsbox li .emoticonlink2_active {
	width: 40px;
	height: 40px;
	float:left;
	background: transparent url(../image-form/emoticon2-hover.gif) no-repeat top left;
}

#emoticon-iconsbox li .emoticonlink3:hover, #emoticon-iconsbox li .emoticonlink3_active {
	width: 40px;
	height: 40px;
	float:left;
	background: transparent url(../image-form/emoticon3-hover.gif) no-repeat top left;
}

#emoticon-iconsbox li .emoticonlink4:hover, #emoticon-iconsbox li .emoticonlink4_active {
	width: 40px;
	height: 40px;
	float:left;
	background: transparent url(../image-form/emoticon4-hover.gif) no-repeat top left;
}

#emoticon-iconsbox li .emoticonlink5:hover, #emoticon-iconsbox li .emoticonlink5_active {
	width: 40px;
	height: 40px;
	float:left;
	background: transparent url(../image-form/emoticon5-hover.gif) no-repeat top left;
}

/* #emoticon-iconsbox li .emoticonlink:hover {
	width: 40px;
	height: 40px;
	float:left;
	border:2px dotted #bcc6cf;
}

#emoticon-iconsbox li .emoticonlink:active {
	width: 40px;
	height: 40px;
	float:left;
	border:2px solid #bcc6cf;
} */

#hidden_menu_button1, #hidden_menu_button2, #hidden_menu_button3, #hidden_menu_button4, #hidden_menu_button5  { 
	margin-left: 0;
	cursor: pointer;
}
#hidden_menu1, #hidden_menu2, #hidden_menu3, #hidden_menu4, #hidden_menu5 {
	width: 360px;
	height: auto;
	padding: 0 10px;
	border:1px solid #bcc6cf;
	background-color: #ffffff;
}

*html #hidden_menu1, *html #hidden_menu2, *html #hidden_menu3, *html #hidden_menu4, *html #hidden_menu5 {
	padding: 5px 10px;
}

*+html #hidden_menu1, *+html #hidden_menu2, *+html #hidden_menu3, *+html #hidden_menu4, *+html #hidden_menu5 {
	padding: 5px 10px;
}

#tabcontent1 {
	width: 280px;
}

#topic-box {
	width: 400px;
	float: left;
	border:1px solid #bcc6cf;
	margin: 5px 0 0 15px;
	background-color: #eef2f5;
	padding: 10px 0;
}

*html #topic-box {
	margin: 5px 0 0 7px;
}

*+html #topic-box {
	margin: 5px 0 0 15px;
}

#topic-title {
	width: 390px;
	height: 20px;
	float: left;
	font: 700 12px Arial, Helvetica, sans-serif;
	color: #5f5f5f;
	padding-left: 10px;
}

#topic-buttonarea {
	width: 400px;
	height: 45px;
	float: left;
}

#topic-button {
	width: 123px;
	height: 40px;
	float: left;
	background: transparent url(../image-form/button.gif) no-repeat top left;
	margin: 5px 0 0 10px;
}

*html #topic-button {
	margin: 5px 0 0 5px;
}

*+html #topic-button {
	margin: 5px 0 0 5px;
}

#topic-button .buttonicon {
	width: 18px;
	height: 30px;
	margin: 2px 0 0 10px;
	float: left;
}

*html #topic-button .buttonicon {
	margin: 2px 0 0 5px;
}

*+html #topic-button .buttonicon {
	margin: 2px 0 0 5px;
}

#topic-button .buttonname {
	padding: 8px 0 0 5px;
	float: left;
	font: 700 12px Arial, Helvetica, sans-serif;
	color: #5f5f5f;
}

#topic-formarea {
	width: 380px;
	height: auto;
	float: left;
	margin: 5px 10px;
}

*html #topic-formarea {
	margin: 3px 5px;
}

*+html #topic-formarea {
	margin: 3px 5px;
}

#formarea-title {
	width: 360px;
	height: 20px;
	float: left;
	margin-top: 10px;
	font: 700 12px Arial, Helvetica, sans-serif;
	color: #5f5f5f;
}

#formarea-links {
	width: 360px;
	height: auto;
	float: left;
	margin-top: 10px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #387fbf;
}

#formarea-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#formarea-links li {
	float: left;
	text-align: left;
	vertical-align: middle;
}

#formarea-links li a {
	width: 180px;
	height: 20px;
	float: left;
	padding: 0;
	margin: 0;	
	display: block;
	font: 12px Arial, Helvetica, sans-serif;
	color: #387fbf;
	text-decoration: none;
}

#formarea-links li .issues:hover {
	width: 180px;
	height: 20px;
	float:left;
	font: 12px Arial, Helvetica, sans-serif;
	color: #387fbf;
	text-decoration: underline;
}

#formarea {
	width: 350px;
	height: auto;
	float: left;
	margin-top: 10px;
}

#formarea-left {
	width: 70px;
	height: 20px;
	float: left;
	padding-bottom: 10px;
}

#formarea-right {
	width: 270px;
	height: 20px;
	float: left;
	padding-bottom: 10px;
}

#formarea-leftA {
	width: 70px;
	height: 120px;
	float: left;
	padding-bottom: 10px;
}

#formarea-rightA {
	width: 270px;
	height: 120px;
	float: left;
	padding-bottom: 10px;
}

#feedbackform-title {
	width: 180px;
	height: 20px;
	float: left;
	padding-top: 5px;
	font: 700 12px Arial, Helvetica, sans-serif;
	color: #5f5f5f;
}

#feedbackform-back a {
	width: 140px;
	height: 20px;
	float: right;
	text-align: right;
	padding-top: 5px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #387fbf;
	text-decoration: none;
}

#feedbackform-back a:hover {
	font: 12px Arial, Helvetica, sans-serif;
	color: #387fbf;
	text-decoration: underline;
}

#topic-submit {
	width: 400px;
	height: 25px;
	float: right;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

*html #topic-submit {
	margin-right: 7px;
}

*+html #topic-submit {
	margin-right: 15px;
}

#topic-send {
	width: 60px;
	height: 25px;
	float: right;
	background: transparent url(../image-form/button-submit.gif) no-repeat top left;
	margin-right: 5px;
}

#topic-cancel {
	width: 60px;
	height: 25px;
	float: right;
	background: transparent url(../image-form/button-cancel.gif) no-repeat top left;
	margin-right: 5px;
}

#content-thankyou {
	width: 430px;
	padding: 0 10px;
	height: 100%;
	
	background: #ffffff url(../image-form/feedback-background.gif) no-repeat top right;
}

#header-image {
	width: 430px;
	height: 110px;
	float: left;
}
#header01 {
	width: 430px;
	height: 20px;
	float: left;
	color: #FF9000;
	font: 700 12px/30px Arial, Helvetica, sans-serif;
}
#header-content {
	width: 430px;
	height: 100px;
	float: left;
	color: #000000;
	padding-top: 50px;
	font: 700 12px/30px Arial, Helvetica, sans-serif;
}

.feedbackfloat{
	z-index:9999999;
	position:fixed !important;
	position:absolute;
	cursor:pointer;
	width: 95px;
	height: 95px;	
}
html>body .feedbackfloat{
	width: 95px;
	height: 95px;
	background: url(../image-form/701feedback-icon2.png) no-repeat;	
}
html .feedbackfloat {
	background: none;
	width: 95px; /* Must Specify Width */
	height: 95px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../image-form/701feedback-icon2.png');
}
.feedbackfloat_bottom{
	bottom:0px;
	_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);
}
.feedbackfloat_right{
	right:0px;
}

.feedbackfloat2{
	z-index:9999999;
	position:fixed !important;
	position:absolute;
	cursor:pointer;
	width: 100px;
	height: 120px;
}
html>body .feedbackfloat2{
	width: 100px;
	height: 100px;
	background: url(../image-form/701feedback-icon3.png) no-repeat;	
}
html .feedbackfloat2 {
	background: none;
	width: 100px; /* Must Specify Width */
	height: 100px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../image-form/701feedback-icon3.png');
}
.feedbackfloat_bottom2{
	bottom:0px;
	_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);
}
.feedbackfloat_right2{
	right:0px;
}

.feedbackfloat3{
	z-index:9999999;
	position:fixed !important;
	position:absolute;
	cursor:pointer;
	width: 90px;
	height: 90px;
}
html>body .feedbackfloat3{
	width: 90px;
	height: 90px;
	background: url(../image-form/701feedback-icon5.png) no-repeat;	
}
html .feedbackfloat3 {
	background: none;
	width: 90px; /* Must Specify Width */
	height: 90px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../image-form/701feedback-icon5.png');
}
.feedbackfloat_bottom3{
	bottom:0px;
	_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);
}
.feedbackfloat_right3{
	right:0px;
}

.feedbackfloat4{
	z-index:9999999;
	position:fixed !important;
	position:absolute;
	cursor:pointer;
	width: 100px;
	height: 100px;
}
html>body .feedbackfloat4{
	width: 100px;
	height: 100px;
	background: url(../image-form/701feedback-icon6.png) no-repeat;	
}
html .feedbackfloat4 {
	background: none;
	width: 100px; /* Must Specify Width */
	height: 100px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../image-form/701feedback-icon6.png');
}
.feedbackfloat_bottom4{
	bottom:0px;
	_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);
}
.feedbackfloat_right4{
	right:0px;
}