img {
  border: 0;
}
body {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   12px;
  line-height: 150%;
  top:0px;
  margin: 0px 5px 0px 5px;
  padding:0;
  background-color: #fff; color: #333;
  border-style: solid;
  border-width: 0 1px 0 1px;
  border-color: #cccccc #dedede #cccccc #f0f0f0;
}
h1{
  font-size: 20px;
  color: #333333;
}

h2{
  color:#063045;
  /* background-color:#E5EFF6; */
  font-size:14px;
  padding:5px;
  border: 2px solid #A9C7E1;
  border-width: 0 0 0 3px;
  margin: 0 0 20px 0;
  text-align: left;
}

h3 {
  background: #FF9900;

  padding: 3px 5px 3px 5px;
  font-size: 12px;
  /* font-weight: normal; */
  display: inline;
  color: white;
}

p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}


.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}


div.header {
	margin: 0px;
	color: #79b30b;
	height: 85px;
	background-color:#00396b;
	text-indent:10px;
	width:100%;
}
div.headerleft{
	left:10px;
	top:250px;
}
div.headerright{
	position:absolute;
	float:right;
	margin-top:10px;
	padding-right:10px;
	margin-right:10px;
	right:0px;
	color:#0099ff;
	text-align: right;
}
div.toplogo {
	padding-left: 20px;
	width:300px;
	margin-bottom:0px;
	position: absolute;
	left: 4px;
	top: 10px;
}
div.titletext{
	background-color:#00396b;
	color:#99cccc;
	position:absolute;
	top:62px;
	letter-spacing:3px;
	left:25px;
	font-size: x-small;
}
div.titletextright {
	height: 52px;
	width: 300px;
        color: white;
	font-size: 13px;
//	font-weight: bold;
	text-align: center;
	padding-top: 12px;
}
div#top{
}
.number{
	font-size:medium;
	font-weight:bold;
	color:#006699;
}

.disablenumber{
	font-size:medium;
	font-weight:bold;
	color:#b0b0e0;
}

div#searcharea,
div#searcharea_howto{
	padding: 20px 15px 0 15px;
	background: url(/images/grad.png) repeat-x scroll;
	background-color: #F8FBFD;
	border-bottom: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 4px;
}
div#searcharea {
  	height:9em;
}
div#searcharea_howto{
	text-align: center;
}
DIV.space10{
	clear:both;
	height:1em;
	margin: 0px;
}
.FloatEnd {clear:both;}

div#bottom {
	color: #999999;
	height: 1em;
}
a.bottomlink {
	color: #999999;
}
a.bottomlink:hover {
	color: #cccccc;
	background-color: #003366;
}
.btnheight{
    position:absolute;
    margin-top:2px;
}

a.navilink {
	color: #999999;
}
div#g_navi{
  margin: 3px 0 0 0;
  background: #ff0000 url(/images/tab_bg.jpg) repeat-x;
  height: 77px;
}
.g_01 a,
.g_02 a,
.g_03 a,
.g_00 {
  float: left;
  width: 120px;
  height: 77px;
  display: block;
}
.g_01 a {
	background-image:url(/images/tab01_a.jpg);
}
.g_01 a:hover {
	background-image:url(/images/tab01_h.jpg);
}
.g_02 a {
	background-image:url(/images/tab02_a.jpg);
}
.g_02 a:hover {
	background-image:url(/images/tab02_h.jpg);
}
.g_03 a {
	background-image:url(/images/tab03_a.jpg);
}
.g_03 a:hover {
	background-image:url(/images/tab03_h.jpg);
}
.g_navi_img {
  visibility: hidden;
}
.btnheight img,
#make_button {
  margin: 0 0 0 5px;
}
#step1help {
  background: #FBDDB9;
  border: 1px solid #ff0000;
  padding: 3px;
  font-size: 12px;
}
.result_url {
  background: #FBDDB9;
  border: 1px solid #ff0000;
  padding: 10px 20px 10px 20px;
  font-size: 12px;
  display: inline;
}
span.result_location {
  background: #FBDDB9;
  border: 1px solid #ff0000;
  padding: 0px 10px 0px 10px;
  font-size: 12px;
}
#disp_help {
  text-indent: 70px;
}
#contents {
  width: 900px;
  background: white;
  padding: 30px 50px 30px 50px;
  text-align: center;
  margin: auto;
  border: 1px solid #ececec;
}
.result_sample {
  float: left;
  padding: 20px;
  background: #ffffcc;
  border: 1px solid #cccccc;
  height: 560px;
}
.result_box_list {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.result_box_list dt {
  font-weight: bold;
  margin: 0 0 10px 0;
}
.result_box_list dd {
  margin: 0 10px 1px 0;
  padding: 0 10px 0 0;
  text-align: left;
}
.result_tag {
  width: 420px;
  height: 110px;
  background-color: #f9f9f9;
  border: 1px solid #efefef;
  display: block;
  margin: 0 0 20px 0;
  font-size: 12px;
  line-height:150%;
  color: #333333;
  padding: 5px;
}
#result_box {
  width: 800px;
  margin: auto;
  text-align: left;
}
.result_disp {
  border: 1px solid #efefef;
  padding: 10px;
  text-align: center;
	background-image:url(/images/result_bg.png);
}
.main_bana {
  float: right;
  margin: 0 3px 0 0;
}