@charset "utf-8";

/* CSS Document */
* {
margin:0; /* zero out margin */
padding:0; /* zero out padding */
}

html, body {
height:100%;
}

a{text-decoration:none;}
a img{ border:0;}

body{
/*color:#222222;
font-family:Verdana, Arial, Helvetica, sans-serif;*/
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#ffffff;
font-size:12px;	
}

#main_wrapper {
width:960px;	
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -69px; /* the bottom margin is the negative value of the footer's height */	
background-color:#FFF;
}

.footer, .push {
  height: 69px; /* .push must be the same height as .footer */
}
.footer{
position: relative;
width: 960px;
margin: 0 auto;
background:#e9e9e9;
clear: both;
}


/*header and menu section*/
.header{
	height:98px;
	width:940px;
	background:#313438;
	padding: 10px;
}

.logintxt{	
	width:880px;
	font-weight:bold;
	color:#cfcdcd;
	font-size:11px;
	float:left;
	text-align:right;
	font-style:italic;
	padding-right:10px;
	padding-top:6px;
}

.loginbox{
	padding-top:5px;
	width:50px;
	height:20px;
	background:#808182;
	color:#ffffff;
	font-size:12px;
	float:left;
	text-align:center;
}
.logopanel{
	padding-top:20px;
	float:left;
	padding-left:1em;
}
.hwppanel2{
	padding-top:10px;
	padding-left:12px;
	float:left;
	color:#ffffff;
	font-size:20px;
}
.beta  h5{
	width:167px;
	color:#fc9d4a;
	font-weight:normal;
	padding-top:5px;
	font-style:italic;
	font-size:8px;
	text-align:right;
}

.pastsearch{
	text-align:right;
	width:167px;
	padding-top:4px;
	float:left;
	color:#ff9641;
	font-size:11px;
}
.navigation{
	font-size:16px;
	text-align:right;
	padding-top:30px;
	float:right;
	color:#ffffff;
}

.navigation a{
  color:#ffffff;
  padding: 3px;
}
.selnavigation a{
  color:#ff9641;
}


/* 
style document for middile section
*/

.maincontent-part{
height:220px;
width:940px;
padding:12px;
}

.pastsearchBig{
width:300px;
float:left;
height:229px;
}

.hwpapplication{
width:600px;
float:right;
padding-top:30px;
text-align:right;
}

.maincontent-part h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#e67a18;
font-size:40px;
padding-right:10px;
padding-top:80px;
font-weight:normal;
}



.footer-content{
	padding-top: 15px;
}

.footer-content a {
	color:#686868;
	font-size:11px;
	text-decoration:underline;	
}

.rights h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#686868;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
}
.rights{
	/*background-image:url(../images/rightsbg.gif); background-repeat:no-repeat; background-position:center;*/	
	padding-top:8px;
	padding-bottom:4px;
}

/* 
style document for tour
*/

.maincontentTour{
/*height:948px;*/
width:940px;
margin:0 auto;
padding:12px;
}

.maincontentTour a{
text-decoration:none;
color:#686868;
}

.tourleftbarbg{
width:204px;
/*height:450px;*/
float:left;
}

.tourrightbar{
width:716px;
float:right;
background:#eae9e9;
}

.tourcontent{
padding-top:15px;
padding-bottom:10px;
padding-left:10px;
height:25px;
}

.tourcontent li{
list-style-image:url(../images/tourli.gif);
padding-bottom:0px;
padding-left:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#686868;
font-size:14px;
font-weight: bold;
}
.tourheading{
padding-bottom:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fd9b0f;
font-size:23px;
text-align:center;
font-style:normal;
font-weight:normal;
}

.tourcontentSelected{
background:url(../images/highlight_bg.gif);
background-position:center;
background-repeat:no-repeat;
padding-top:6px;
padding-bottom:10px;
padding-left:10px;
height:25px;
}
.tourcontentsmall{
padding-top:7px;
padding-left:45px;
height:15px;
}
.touricon{
padding-top:3px;
float:left;
}
.touriconcontent{
font-style:normal;
color:#757171;
font-size:14px;
float:left;
padding-left:4px;
padding-top:4px;
}

.touriconcontentsmall{
font-style:normal;
color:#757171;
font-size:10px;
float:left;
padding-left:4px;
padding-top:2px;
}

.tourcontentSelectedCloud{
background:url(../images/highlight_bg_cloud.gif);
background-position:center;
background-repeat:no-repeat;
padding-top:15px;
padding-bottom:10px;
padding-left:10px;
height:47px;
}

#splashcheckbox{	
  position: relative;
  bottom: 28px; 
  right: 387px;
  z-index:1;
}

/* 

style document for sign-up stage

*/

.signupstep1{
background:url(../images/step1.gif);
background-repeat:no-repeat;
height:46px;
width:472px;
}

.signupstep2{
background:url(../images/step2.gif);
background-repeat:no-repeat;
height:46px;
width:472px;
}

.signupstep1txt{
font-style:normal;
color:#000000;
font-size:20px;
text-align:left;
width:220px;
padding-top:5px;
padding-left:10px;
float:left;
}
.signupstep2txt{
font-style:normal;
color:#000000;
font-size:20px;
width:100px;
padding-top:5px;
padding-left:15px;
float:left;
}

.signupsteptxt{
font-style:normal;
color:#666666;
font-size:14px;
font-weight:bold;
}


/* 
style document for tutorails
*/

.tutorial{
font-size:26px;
/*font-weight:normal;*/
font-style:normal;
padding-top:12px;
padding-bottom:12px;
color:#F18000;
}

.tutorial h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.tutorialbox{
background:#eaeaea;
/*width:841px;*/
width:689px;
height:105px;
border:1px #c0c0c0  dashed;
padding:5px;
padding-bottom:3px;
padding-top:11px;
margin-bottom:20px;
}

.tutorialno{
float:left;
width:17px;
height:30px;
font-weight:bold;
}

.tutorialnoimage{
padding-left:9px;
float:left;
width:106px;
height:92px;
}
.tutorialboxtxt{
font-size:14px;
font-weight:bold;
padding-left:9px;
float:left;
/*width:600px;*/
width:547px;
height:92px;
}

.tutorialboxtxt a {
text-decoration:underline;
color:#666666;
}
.tutorialboxcontxt h4{
text-decoration:none;
padding-top:10px;
font-size:12px;
font-weight:normal;
float:left;
/*width:600px;*/
width:537px;
height:70px;
}

.tutorialboxcontxt p{
font-weight:bold;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE-mac */
* html .clearfix {
 height: 1%;
 }
.clearfix {
  display: block;
}




/*2010-feb layout*/
.topmainarea{
width:960px;
height:348px;
}

.topmainarea h1{
  padding-top:66px;
  padding-left:12px;
  color:#232323;
}
.overview{
  padding-top:66px;
  padding-right:12px;
}
.welcometext h2{
padding-top:30px;
padding-left:12px;
color:#232323;
line-height:22px;
font-weight:normal;
font-size:12px;  
}
.hooeeywebprintbox{	
width:300px;
height:380px;
background:#313439;
padding:10px;
float:left;  
}
.dollor-image{
width:309px;
float:left;
}
.hooeeywebprintbox a{
  color: #FFFFFF;
  text-decoration: underline;
  font-size: 15px;
  padding: 5px;
  line-height: 3em;
}
.hooeeywebprintbox h3{
color:#FFF;
font-size:20px;
font-style:normal;
font-weight:normal;
}

.hooeeywebprintbox ul{
list-style:url(/images/whitebullet.gif);
padding:13px 16px 10px 21px;
line-height:27px;
color:#FFF;
}

.hooeeywebprintboxplus{
width:322px;
height:380px;
background:#000;
padding:10px;
float:left;  
}
.hooeeywebprintboxplus h3{
color:#FFF;
font-size:20px;
font-style:normal;
font-weight:normal;
}

.hooeeywebprintboxplus ul{
list-style:url(/images/black_bullet.gif);
padding:13px 16px 10px 21px;
line-height:27px;
}

.hooeeywebprintboxplus a{
color:#de7d15;
text-decoration:underline;
}
.idealbox{
/*width:240px;*/
width:267px;	
height:195px;
background:#dedede;
padding:10px;
float:left;
}

.idealbox h3{
color:#ff9e23;
font-size:20px;
font-style:normal;
font-weight:normal;
}
.usercasebox-journalist{  
width:267px; 
height:165px; 
background-color:#F7F7F7;
padding:10px;
float:left; 
background:url(/images/image_1.jpg); 
background-position:right; 
background-repeat:no-repeat; 
text-align:left; 
line-height:23px; 
font-size:14px;  
}

.usercasebox-journalist a,.usercasebox-botanist a{  
color:#4b4b4b;
font-weight:bold;
text-decoration:underline;  
}

.usercasebox-botanist{
width:267px; 
height:165px; 
background-color:#F7F7F7;
padding:10px;
float:right; 
background:url(/images/joel.jpg); 
background-position:left; 
background-repeat:no-repeat;
line-height:23px; 
font-size:14px;
}	
	
.hooeeywebprintbox-free-txt{
font-size:18px;
font-style:italic;
color:#ff9e23;	
}
.hooeeywebprintboxplus-plustxt{
font-size:16px;
color:#ff9e23;
font-style:italic;	
}
.hooeeywebprintboxplus-smallcap{
color:#FFF;
font-size:10px;
padding-top:6px;
font-style:italic;	
}
.idealbox-txt{
font-size:11px;
color:#4b4b4b;
line-height:21px;
padding-top:6px;	
}
	
.hooeeywebprintboxplus-dwnpos{
padding-top:10.7em;
}
.hooeeywebprintbox-dwnpos{
padding-top:120px;
}	
* html .hooeeywebprintbox-dwnpos {
padding-top:117px;
 }

.hooeeywebprintboxplus-freetxt{
font-size:11px;
padding-top:55px;
color:#FFF;
}

#cycle-effect{
float:left; 
}
/*new signup*/
.formcombobox {
  border: #CCCCCC 1px solid;
  FONT-SIZE: 11px;  
  height: 20px;
  width: 144px;    
}
/*login page*/  
#login  {
  display:block;
  margin:0 auto;
  padding:8px 0;
  text-align:right;
  width:925px;
}

#login a img {
vertical-align: middle;
}  

/*download page style*/
#validEmail {
margin-top: 4px;
margin-left: 9px;
position: absolute;
width: 16px;
height: 16px;
}
/*Faqs*/
ol li{
  padding: 5px;
}
ol li a ,.accordion_child a{
  color: #6C6C6C;
  text-decoration: underline;
}

ol{
  margin-left: 15px;
}

table.installation-steps,.installation-steps td,installation-steps th
{
  border:1px solid #6C6C6C;
}
table.installation-steps
{
  width:100%;
  border-collapse:collapse;
}
.installation-steps th
{
  height:20px;
  font-weight: bold;
}
.installation-steps tr td{
 padding: 2px;
}
ul.install-steps{
  padding-left: 20px;
}
ul.install-steps li{
  padding: 2px;
}
ul.install-steps ol{
  padding-left: 10px;
}
ol.un-install {
   padding-left: 4px;
}
.windows-unistall-div{
  padding-left: 20px;
}
.hwpClientDownload a{
  text-decoration:underline;
  color:#555555;
}

/*hwpplus feed back form*/

.formArea{
  background:#E9E9E9;
  margin-bottom: 13px;
  padding-left: 15px;
  padding-top:5px;
  padding-bottom: 15px;
}
.formArea p {
  margin-top:20px;
  display: block;
  
}
.formArea input, .formArea select { 
  width:222px;
  height:20px;
  padding:0px 0 1px 2px;  
  color: #666;
  font-size: 12px;
  border:1px solid #D4D0C8;
}

.formArea textarea{
  padding:2px 0 0px 5px;  
  color: #666;
  font-size: 12px;
  border:1px solid #D4D0C8;  
}

.formArea label {  
  display:block;  
  margin-bottom:3px;
}

.formArea .feedback{
  border:medium none;  
  height:29px;  
  padding:1em 0 0;  
  width:65px;
}
.required-img{
  color: red; 
  font-size: 12px;
}
.errorMsg{
  color:#FF0000;
  font-size:10px;
}