body {font-family: Arial, Helvetica, sans-serif; font-size:11pt; background-color:#F0EEDF; color:black; margin:10px 15px 0 20px; padding:0;}

/*head*/
.head { width:100%; background-color:#C8DEFF;}
.w220 { width:220px;}
.headcolor {background-color:#F0EEDF}
.p5 {padding-left:0.5em;}
.p8 {padding-left:0.8em; padding-right:0.5em;}
.p5r {padding-right:0.5em;}
.h1p{padding-left:0.5em; padding-right:0.5em;}
.dis {display:none;}

/*Search box and H2*/
.sp {width:178px; padding-top:1.2em}
.sfloat {float:left}
.sfloatr {float:right}
.sw {width:30px}
.h2p {padding:1.2em 0 0.2em 0}
.w100per { width:100%;}


.close a,.close a:visited  {
  display:block; 
  color:white; 
  font-size:12pt;
  font-weight:bold;
  text-decoration:none;
  background:#ccc;
  border:1px solid #999;
  padding:1px 6px 1px 6px;
  margin-right:5px;  
  float:right;
  }
  
.close a:hover {
  background-color:#CC3333; 
  }
.formframe{ width:340px; background-color:#FFFFFF; border-top:1px solid #666;border-left:1px solid #666; border-bottom:2px outset #999; border-right:2px outset #999;font-size:10pt;}
.logtd {background-color:#FFFF99; padding:10px 0px 10px 10px; border-bottom:1px solid #666;}
.logintext { font-size:14pt; font-weight:bold; color:#666; float:left;} 
.newreg10 { width:95px; padding:10px;} 
.newregtext { width:253px; padding:10px 5px 5px 0;}
.mail {padding:5px 5px 5px 10px}
.mailbox {padding:5px 0 5px 0}
.boxw {width: 95%}
.pass {padding:5px 5px 5px 10px}
.passbox {padding:5px 0 5px 0}
.check{padding:5px 5px 5px 10px}
.checkbox {padding:5px 5px 5px 0}
.checktext {padding-left:5px;}
.loginbut {padding:5px 5px 15px 10px}
.logintd {padding:5px 5px 15px 0}
.loginw {width: 60px;}
.wasure {padding-left:10px;}
  
  
a:link    {text-decoration: underline; color:#0000FF}
a:visited {text-decoration: underline; color:#0000FF}
a:hover   {text-decoration:none;}
a:active  {text-decoration: underline;} 

a.gray:link    {text-decoration: underline; color:#999999; font-size:10pt;}
a.gray:visited {text-decoration: underline; color:#999999; font-size:10pt;}
a.gray:hover   {text-decoration:none; font-size:10pt;}
a.gray:active  {text-decoration: underline; font-size:10pt;}

.gray 
{
    color: #999999;
}

form, h1, h2{display:inline;}

h1 {font-size:16pt; color:#666666; font-weight:bold;}
h2 {font-size:20pt; color:#353535; font-weight:normal;}
h3 {font-size:17pt; color:#353535; font-weight:normal; text-align:left; padding-bottom:0.1em; margin:1.4em 0 0.6em 0; border-bottom:1px solid #CCCCCC;}
h4 {font-size:13pt; color:#353535; font-weight:bold; text-align:left; margin:1.2em 0 0.3em 0; }


p  {margin: .4em 0 .4em 0;}

p img {margin: 0;}

img {border:0;}

ul {
    line-height: 1.7em;
	list-style-type:disc;
	margin: .3em 0 0 1.2em;
	padding: 0;
	}
ol {
	line-height: 1.7em;
	margin: .3em 0 0 1.8em;
	padding: 0;
	list-style-image: none;
    }
li {margin-bottom: .1em;}
	
.searchbox {width:130px; color:#666666}
.clear {clear:both}
.nowrap {white-space: nowrap ! important;}

/*Menus*/
.menuoptions {}
.menubox {
  width:220px; 
  padding:0; 
  margin:0 auto;
  text-align:left;
  font-size:10pt;
  }
  
.menuhead {
  display:block; 
  width:170px; 
  padding:0.25em 1px 0.25em 7px;
  color:#333333; 
  font-size:11pt;
  font-weight:bold;
  text-decoration:none;
  margin:0.12em 0;
  background-color:#C8DEFF;   
  }
  
.menutm {margin-top:2em;}
  
.menu a,.menu a:visited  {
  display:block; 
  width:170px; 
  padding:0.30em 1px 0.30em 7px;
  color:#333333;    
  background-color:#E9E6CF;
  font-size:10pt;
  text-decoration:none;
  margin:0.12em 0;    
  }
  
.menu a:hover {   
  background-color:#FFFFFF; 
  }

.menuactive a,.menuactive a:visited  {
  display:block; 
  width:170px; 
  padding:0.30em 1px 0.30em 7px;
  color:#333333;  
  background-color:#FFFFFF;
  font-size:10pt;  
  text-decoration:none;
  margin:0.12em 0;  
  }    

.menutext {
  display:block; 
  width:170px; 
  padding:0.25em 1px 0.25em 7px;
  margin:0.12em 0;
  color:#333333;    
  background-color:#E9E6CF; 
  text-decoration:none;    
  font-size:10pt;
  line-height:150%;
  }

/*White body*/
.w100 {width:100%}
.whiteboxJP {
  background-color:#FFFFFF;
  margin-top:0.12em;
  padding:1em;
  font-size:12pt;
  line-height:160%;
  text-align:justify;
  }

.lefthalf {
  width:48%;
  float:left;
  position:relative;
  }
  
.righthalf {
  width:48%;
  float:right;
  position:relative;
  }
 
/*Footer*/
.fcenter {text-align:center;}
.copy {color:#999999; font-size:10pt; margin-top:0.5em; padding-bottom:5px}

 
.asterisk { color:red; font-size:12pt; font-weight:bold;}
.tableform {border-collapse: collapse; font-size:10pt;} 
.tableform td {padding:0.5em 0 0.5em 0.5em;}
.tableform input { width:250px;}
.tableform textarea { width:250px;}
.tableform select { width:250px;}
#radio {width:auto; height:auto;}
#radio1 {width:auto; height:auto; text-align:left;}
.color6 {color: #666;}
#com { color:#666; font-size:9pt;padding-left:1.5em;} 
.com { color:#666; font-size:9pt;padding-left:1.5em;} 

h6 {font-size:11pt;color:#353535; font-weight:normal; text-align:left; margin:0.5em 0 0 0; }

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	
    text-align : left; 
    list-style-type : none;
    margin-left :5px;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 0px;
	border-bottom: solid 1px #D5D5D5;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 0px;
	border-bottom: solid 1px #D5D5D5;
}