/**
 * Yahoo!
 * reset.css & fonts.css
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}

/**
 * Main Layout
 */
/* 100% */
html, body { height: 100%; }

/* Table */
#body { width: 960px; height: 100%; }
#body td { vertical-align: top; }

/* Row heights */
#header  td { height: 160px; }
#status  td { height: 25px; }
#content td { height: 100%; }
#footer  td { height: 40px; }

/* Column widths */
.column {}
.column.left   { width: 210px; }
.column.center { width: 540px; }
.column.right  { width: 210px; }

/* Backgrounds */
#header  .column.left   { background: url(../img/owl_03.png); }
#header  .column.center { background: url(../img/bg/bg_searchDiv.png); }
#header  .column.right  { background: url(../img/bg/bg_appletDiv.png); }
#status  .column.left   { background: url(../img/bg/bg_filterDiv.png); }
#status  .column.center { background: url(../img/bg/bg_resultDiv.png); }
#status  .column.right  { background: url(../img/bg/bg_adDiv.png); }
#content .column.left   { background: url(../img/bg/bg_filterDiv.png); }
#content .column.center { background: url(../img/bg/bg_resultDiv.png); }
#content .column.right  { background: url(../img/bg/bg_adDiv.png); }

/* Containers */
#logoDiv {
  width: 210px;
  height: 160px;
	cursor: pointer;
}

#appletDiv {
  width: 210px;
  height: 160px;
  overflow: hidden;
}

#searchDiv {
}

#filterDiv {
}

#resultDiv {
}

#footer {
	clear:both;
  margin: 20px;
  font-size: 11px;
	line-height: 16px;
  padding: 1em;
  text-align: center;
}
#footer a {
  margin: 0 .5em;
}

#reportDiv div {
  border-bottom: 1px solid #ccc;
  padding: 5px;
  width: 90%;
  margin: auto;
}






#processDiv {
  height: 25px;
  background: #eee;
}

#process {
  height: 25px;
}

#processMsg {
  color: #666;
  font-size: 11px;
  line-height: 25px;
}

#processIndicator {
  margin: 5px;
  margin-left: 8px;
  float: left;
  width: 15px;
  height: 15px;
}



a, a:visited {
  text-decoration: none;
  color: blue;
}

a:hover {
  text-decoration: underline;
}



.yellowBox {
  border: 1px solid #FFA23C;
  background: #FFF9CE;
  padding: 8px 12px;
	text-align: center;
	margin: 15px;
}



.tutorial ol {
  list-style-type: decimal;
}
.tutorial ol li {
  margin-left: 20px;
}

.pageContainer {
  margin: 20px;
  padding: 20px;
  border: 1px solid #ccc;
  background: #fff;
  clear: both;
}
.page {
  width: 100%;
}
.page h1 {
  font-size: 18px;
}
.page h2, .page p, .page ol, .page ul, .page form {
  margin: .5em 0;
}                             
.page ol {
  list-style-type: decimal;
  padding: 0 20px;
}
.page ul {
  list-style-type: disc;
  padding: 0 20px;
}

.error {
  font-style: italic;
  color: red;
}


.sidebar DIV {
  font-size: 11px;
  line-height: 14px;
}

.sidebar H2 {
  font-size: 14px;
}