/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */

form {
margin:0 0 1.5em;
}

input {
font-family:arial,tahoma,verdana,sans-serif;
margin:2px 0;
}

fieldset {
border:none;
}

label {
padding:5px 0;
}

label br {
clear:left;
}


input.f-submit {
background:#666;
color:#fff;
font-weight:700;
font-size:96%;
padding:1px 3px;
}

form.f-wrap-1 {
width:530px;
background:#f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;
border-top:1px solid #d7d7d7;
position:relative;
padding:.5em 0;
}

form.f-wrap-1 fieldset {
width:auto;
margin:0 1em;
}

form.f-wrap-1 h3 {
font:bold 155% arial;
color:#c00;
margin:0 0 .6em;
}

form.f-wrap-1 label {
clear:left;
width:100%;
border-top:1px solid #fff;
float:none;
}

form.f-wrap-1 label input,form.f-wrap-1 label textarea,form.f-wrap-1 label select {
width:15em;
float:left;
margin-left:10px;
}

form.f-wrap-1 label b {
float:left;
width:8em;
line-height:1.7;
display:block;
position:relative;
}

form.f-wrap-1 label b .req {
color:#c00;
font-size:150%;
font-weight:400;
position:absolute;
top:-0.1em;
line-height:1;
left:-0.4em;
width:.3em;
height:.3em;
}

form.f-wrap-1 div.req {
color:#666;
font-size:96%;
font-weight:400;
position:absolute;
top:.4em;
right:.4em;
left:auto;
width:13em;
text-align:right;
}

form.f-wrap-1 div.req b {
color:#c00;
font-size:140%;
}

form.f-wrap-1 label select {
width:15.5em;
}

form.f-wrap-1 label textarea.f-comments {
width:20em;
}

form.f-wrap-1 div.f-submit-wrap {
padding:5px 0 5px 8em;
}

form.f-wrap-1 input.f-submit {
margin:0 0 0 10px;
}

form.f-wrap-1 fieldset.f-checkbox-wrap,form.f-wrap-1 fieldset.f-radio-wrap {
clear:left;
float:left;
width:32em;
border:none;
padding-bottom:.9em;
margin:0;
}

form.f-wrap-1 fieldset.f-checkbox-wrap b,form.f-wrap-1 fieldset.f-radio-wrap b {
float:left;
width:8em;
line-height:1.7;
display:block;
position:relative;
padding-top:.3em;
}

form.f-wrap-1 fieldset.f-checkbox-wrap fieldset,form.f-wrap-1 fieldset.f-radio-wrap fieldset {
float:left;
width:13em;
margin:3px 0 0 10px;
}

form.f-wrap-1 fieldset.f-checkbox-wrap label,form.f-wrap-1 fieldset.f-radio-wrap label {
float:left;
width:19em;
border:none;
margin:0 -3px 0 0;
padding:2px 0;
}

form.f-wrap-1 label input.f-checkbox,form.f-wrap-1 label input.f-radio {
width:auto;
float:none;
margin:0;
padding:0;
}

form.f-wrap-1 label span.errormsg {
position:absolute;
top:0;
right:-10em;
left:auto;
display:block;
width:16em;
background:transparent url(images/errormsg_bg.gif) no-repeat 0 0;
}

form.f-wrap-1 label span.errormsg b {
color:#B30800;
font-weight:700;
display:block;
width:auto;
float:none;
line-height:1.3;
margin:0 10px 0 30px;
padding:10px 0;
}


#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
/* Minh
background-color: #EFEFEF; /*background-color: lightyellow;*/
/*
background-color: #EFEFEF;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid #CC0000;
border-bottom: 3px solid #CC0000;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}


a {
font-family:Arial,Verdana,sans-serif;
font-size:12px;
color:#333;
text-decoration:underline;
}

a:hover {
font-family:Arial,Verdana,sans-serif;
font-size:12px;
/* Minh color:#7F7F7F; */
text-decoration:none;
}

h1,h2,h3,h4,h5,h6 {
color:#000;
margin-bottom:10px;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #eee;    
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

blockquote {
	margin: 15px; 	
    padding: 0 0 0 60px;  	
  	background: #FAFAFA url(1_pic2.jpg) no-repeat 3px 5px; 
	border: 1px solid #eee; 
	font: bold 1.2em/1.5em 'Trebuchet MS', Tahoma, sans-serif; 
	color: #660000;	
}


/* form elements */


form {
	margin:10px 15px; 
    padding: 10px;
/* Minh's change
	background-color: #EFEFEF; grey
background-color: #F8F1D8; light yellow */
    background-color: #E7F1D7;
}

label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #ccc;
	font: normal 1em 'Trebuchet MS', verdana, sans-serif;
	color:#000;
	background: #ffffff; 
}
textarea {
	width:300px;
	padding:2px;
	font: normal 1em 'Trebuchet MS', verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #fff; 
	padding: 2px 3px; 
	color: #fff;	
}

/* Search For: style up to 11 types */

#class0{ border: none; background: transparent;}
#class1{ border: none; background: transparent;}
#class2{ border: none; background: transparent;}
#class3{ border: none; background: transparent;}
#class4{ border: none; background: transparent;}
#class5{ border: none; background: transparent;}
#class6{ border: none; background: transparent;}
#class7{ border: none; background: transparent;}
#class8{ border: none; background: transparent;}
#class9{ border: none; background: transparent;}
#class10{ border: none; background: transparent;}
#class11{ border: none; background: transparent;}

option{
padding-left:5px; 
padding-bottom:1px; 
}

/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0; padding: 0;	
}
.searchform p { margin: 10px; padding: 0; }
.searchform input.textbox { 
	width: 130px;
	color: #333; 
	height: 20px;
	padding: 2px;	
	vertical-align: top;
}
.searchform input.button { 
	font: bold 12px Arial, Sans-serif; 
	color: #333;	
	width: 60px;
	height: 26px;
	border: none;
	padding: 3px 5px;	
	vertical-align: top;
}

/*  by Awddesign.co.uk */ 

* { padding: 0; margin: 0; }

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background: #EAF2F5;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
color:#000;
}
 
#pagewidth{
 width:990px; 
 text-align:left;  
 margin-left:auto;
 margin-right:auto;
 margin-top: 0px;
} 

#header{
 position:relative; 
 height:100px;
 /* background-color:transparent; */
 background-color: #EAF2F5;
 width:100%;
} 

#leftcol{
 /* w//idth:10%;
 width:200px; */
 width:190px;
 float:left; 
 position:relative; 

 }
 
#twocols{
 /* Minh width:790px; */
 width:790px;
 float:right; 
 position:relative; 
  }
 
#rightcol{
 /* Minh width:180px; */
 width:190px;
 float:right;
 position:relative;
 }

#maincol{background-color: #F9F9F9;
float: left;
 display:inline; 
 position: relative; 
 /* w//idth:88%;
 Minh width:590px;   */
 width:590px;
 }

.content {
margin:1em;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
color:#000;
/*  background: #F1F3F3; */
}

.content p, ul, ol {
margin: 0 0 1.5em;
}

#footer{
clear:both;
text-align:center;
height:60px; 
background-color: transparent; 
border-top:1px solid #CCC;
padding: 5px;
} 
 
 /* *** Float containers fix: by Awddesign.co.uk *** */
.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;}
/* End hide from IE-mac */  

/*printer styles*/
@media print{ 
/*hide the left column when printing by Awddesign.co.uk */
#leftcol{display:none;}

/*hide the right column when printing by Awddesign.co.uk */ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* navigation menu */

#menu_top{
height: 70px; 
}

#menu{
margin: 0px 1px 0px 1px;
}

#menu ul
{ height: 38px; 
  margin: 0px auto;
} 

#menu li
{ float: left;
  margin: 0px 0px 0px 0px; 
  padding: 0px;
  list-style: none;
} 

#menu li a, #menu li a#selected, #menu li a:hover
{ font-family: verdana, arial, sans-serif;
  display: block;
  float: left;
  /* Minh
  height: 7px;
  text-decoration: none;
  /* Minh's margin: 5px 12px px 4px; */
  margin: auto;
  padding: 12px 10px 14px 12px;
  text-transform: uppercase;
  font-size: 80%;
  font-weight: bold;
} 

#menu, #menu li a
{
/* Minh background: #656565;
*/
  background: #336799;
  color: #F5F6F0;
}

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{
  /* Minh background: #656565; grey
  background: #B6E600; bright green
  background: #B3E006; less bright green */
  background: #B2D281;
  color: #FFF;

  /* Minh border-color: #B1BCA4; */
 text-decoration: underline;
}

.spacer {
padding:10px
}

/* side_bars left and right */

.side_bar {
/* Minh
b//ackground:#E1E5D5; background:#EFEFEF;
  color of the header's menu side_bar
*/
background: #D4E6F7;
color:#555;

}

.side_bar h2 {
margin: 0px 10px 0px 10px;
padding:8px 0 10px 0;
background:transparent;
/* Minh color:#000; */
color: #19748C;
font-weight:700;
text-transform:uppercase;
font-size:12px;
letter-spacing:.1em;
}

/* side bar */

.side_bar_content p {
padding:5px 0px 0px 5px; 
margin: 5px 0px 0px 5px; 
}

.side_bar_content ul,li {
list-style: none;
padding:0px 0px 0px 5px; 
margin: 0px 0px 0px 5px; 
}


.side_bar_content li a,.side_bar_content a {
 
padding-left: 10px;
background-repeat: no-repeat;
background-position: 0 .5em;
background:transparent url(arrow.png) no-repeat left center;
color:#555;
}

.side_bar_content li a:hover,.side_bar_content a:hover {
padding-left: 10px;
background-repeat: no-repeat;
background-position: 0 .5em;
 background:transparent url(arrow_select.png) no-repeat left center;

color:#555;
}

#sitelogo h1 {
/* float: left;
padding: 2px 0px 0px 0px;
margin: 9px 15px 0px 15px;
font-size:25px;
color:#777777;
font-weight:700; */

    display: block;
    width: 145px;
    height: 100px;
    font-size: 1px;
    border: none;
    color: #fff;
    text-decoration: none;
    background: #EAF2F5 url(/images/nhacali_logo.jpg) no-repeat;
    margin: 10px 0px 0px 10px;
}

#logo h1 a:link, #logo h1 a:visited, #logo h1 a:hover, #logo h1 a:active {
    color: #fff;
    width: 130px;
    height:120px;
    font-size: 1px;
    border: none;
    text-decoration: none;
    }
#banner{
float: right;
margin: 0 auto;
padding-top: 10px;
}
/* Additional color changes */
h2,h3,h4 {
color: #0066CC;
}

.red_header {
/*font-size: 14px; */
color: #A70000;
/* color: #800000; */
}
.member_blue1, member_blue2, member_yellow {
 text-align:center;
 padding:10px;
 font-size:16px;
 font-weight: bold;
}

.member_blue1 {
 background-color: #297EF1;
 color: #fff;
 border-right-color: #F7E6D4 ;
}
.member_table{
  border: medium solid;
  border-color: #F7E6D4;
}
.member_row{
  border: thin solid;
  padding: 3px;
  border-color: #F7E6D4;
}
.member_register{
background-color: #99DCFF;
}
.member_blue2 {
  background-color: #2393F2;
  color: #fff;
}
.member_yellow{
 background-color: #FFA41B;
 color: #fff;
}
.member_rightborder {
 border-right-color: #F7E6D4 ;
}
.member {
    width: 100%;
    border: medium solid;
    border-color: #F7E6D4;
    height: 26px;
}
 .member th {
    color: #FFFFFF;
    font-size: 1.2em;
    height: 40px;
    text-align: center;
 }
.member td {
  height: 26px;
  padding-left: 4px;
}

.left {
  background-color: #406B96;
}
.right {
      background-color: #FA9600;
}
.grey_line {
  background-color: #f0f0f3;
}
.grey_col {
text-align:center;
padding:0 0 0 0px;
}
.last_line {
   background-color: #ECF2FD;
   color: #FF0000;
   text-align: left;
}

.price_table {
   table-layout: fixed;
   width: 100%;
   height: 26px;
   border: 1px #f0f0f3;
}
.price_table img {
  border: none;
}

.price_desc {
  width: 50%;
  border: 0px 3px 0px 1px solid #E9E9E9;
  padding-left: 3px;
  height: 26px;
}
.price_option {
  width:10%;
/*  border-right:1px solid #CCCCCC; */
  text-align:center;
  padding: 0px;
}
.special_ads {
  background-color: #E7F1D7;
  font-weight: bold;
  color: #A70000;
  font-size: 1.2em;
  height: 30px;
  text-align: center;
  padding-top: 7px;
}
.special_text {
  font-weight: bold;
  color: #A70000;
  background-color: #E7F1D7;
}